ColorSwatches.org

Twilight Surf

Waves catch the last blush of sunset beneath a darkening indigo sky.
Midnight Tide
#1B1F3B
rgb(27, 31, 59)
A near-black indigo that evokes deep water beneath a starless twilight sky.
Indigo Wave
#3B4574
rgb(59, 69, 116)
A muted blue-violet reminiscent of swelling surf caught in fading dusk light.
Dusky Coral Foam
#C97B84
rgb(201, 123, 132)
A soft, faded rose that mirrors the sun's last warmth reflected off sea spray.
Pale Seafoam Glow
#F2E9DC
rgb(242, 233, 220)
A warm, sandy off-white that suggests moonlit foam settling on the shore.

Twilight Surf lives in the transitional hour between day and night, blending the cool composure of deep ocean tones with the fleeting warmth of a setting sun. The palette's deep indigos feel grounded and introspective, while the dusky coral hints at nostalgia and quiet romance. Together they create a mood that is calm but not cold, moody but never bleak. It's the kind of color story that suggests reflection, transition, and the beauty found in in-between moments.

Sponsors

This palette suits brands built around calm, coastal, or reflective identities — wellness studios, boutique surf or travel brands, evening-focused hospitality, or meditation apps. The high contrast between the near-black indigo and the pale seafoam glow gives designers flexibility for both bold, moody layouts and soft, airy ones. The coral accent works beautifully as a highlight color for calls-to-action or accent details without disrupting the palette's serene overall tone.

For implementation, let Midnight Tide anchor dark-mode backgrounds or hero sections, while Indigo Wave works well for secondary panels, gradients, or navigation bars. Pale Seafoam Glow is ideal for body backgrounds and text-on-dark surfaces, offering a warm neutral that keeps the palette from feeling too cold. Reserve Dusky Coral Foam for buttons, links, or small decorative accents — used sparingly, it draws the eye without overwhelming the palette's twilight calm.

Web UI Preview

example.com
Palette Co Products About
Refreshed Interface

A calmer place to work

Sometimes the most useful update isn't a new feature at all. It's just more room to breathe on a page you look at all day.

Cleaner Layout

Less clutter on the screen tends to mean less clutter in your head, too.

Learn more →

Softer Defaults

Nothing shouts for attention unless it actually needs it right now.

Learn more →

Adjustable Density

Spread out or tighten up the view depending on how your day is going.

Learn more →

A quieter screen for a louder workday.

© 2026 Palette Co. Privacy Terms Contact

Sponsors

Similar Color Palettes

View all Ocean & Sky palettes →

Explore More Palettes