Neumorphism

Neumorphism makes the whole interface look molded from one continuous, soft material. Instead of stacking cards on a background, elements appear extruded from—or pressed into—the surface itself, using a precise pairing of a light highlight and a dark shadow. The effect is quiet, tactile, and a little futuristic, like buttons under a thin layer of soft rubber. Reach for it on calm utility surfaces—dashboards, players, control panels—where a gentle, physical feel adds polish without shouting.

Design principles

• One material, one surface: background and components share nearly the same color so depth comes only from shadow, not contrast.
• Every raised element needs two shadows—a light highlight from the top-left and a darker shadow to the bottom-right—at equal, opposite offsets.
• Pressed (inset) states invert those shadows inward to read as carved into the surface.
• Keep contrast deliberately low; the look depends on subtlety, so avoid hard borders and saturated fills.
• Reserve the accent for the single most important interactive state on a screen.
• Use large, soft radii everywhere; sharp corners break the molded illusion.

Color

The system lives on one soft blue-gray family. The background is #E4EBF5 and surfaces use a barely-lighter #E8EEF7, close enough that the surface reads as the same material catching slightly more light. Depth comes from the shadow pair, not color: a cool dark shadow rgba(163,177,198,0.6) to the lower-right and a near-white highlight rgba(255,255,255,0.9) to the upper-left. Foreground text is a desaturated slate #31374A; muted text and icons use #7C8AA8. The accent indigo #5B7CFA appears only for active controls, focus glows, and selected values. The #C7D0E0 border token is used rarely—only as a faint inset hairline when extra definition is needed.

For dark mode, shift the whole material to a charcoal-blue: background #2A2E3B, surface #2E323F, foreground #D6DBEA, muted #8A91A6. Swap shadow colors to a deep rgba(0,0,0,0.55) plus a soft highlight rgba(255,255,255,0.05), and brighten the accent to #7C95FF.