Twilit Ridge color palette — #D3EDF6 · #00656A · #00376F · #290041 · #000201

Deep Indigo takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D3EDF6): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#00656A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#00376F): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#290041): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#000201): quiet, heavy and certain.

Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Twilit Ridge into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Eclipse Onyx color palette (#D7F6F9, #006854, #003F50, #110058, #010200)
• Aubergine Drift color palette (#E0ECF6, #005F86, #380098, #33002D, #000202)
• Aged Basin color palette (#D3E3E1, #509EBB, #006084, #003A43, #000A15)
• Chalky Pier color palette (#C8E5EA, #0385AC, #00568C, #3A1955, #220121)
• Cellar Aubergine color palette (#DAEEEB, #026926, #430054, #1C2117, #150200)
• Aged Lagoon color palette (#CDF0F8, #00A684, #008986, #005F6F, #000505)
• Tempered Lagoon Cabin color palette (#CEE4E3, #0A896A, #005146, #00351E, #000805)
• Nightshade Corridor color palette (#E1EEDB, #008574, #4546AB, #6A001E, #020200)

Browse the whole catalog at Explore, or see today's palette.