Twilit Ridge color palette — #CCF2FB · #00434F · #56004E · #2B2200 · #000102

Royal Purple and Deep Teal set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#CCF2FB): A whisper-light, dusty blue — the color of deep harbor water.
• Deep Teal (#00434F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Royal Purple (#56004E): A deep, shadowed, balanced pink — the color of neon signs at night.
• Onyx (#2B2200): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. 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 Garnet color palette (#DFF0FF, #00436B, #620032, #4A0012, #000205)
• Velvet Aubergine Garden color palette (#D2F3E3, #004731, #310A82, #3E1400, #000201)
• Worn Petrol Market color palette (#D3E7ED, #006A81, #003542, #272329, #00090D)
• Chestnut Lagoon color palette (#D4F1E9, #705300, #35333A, #001529, #000104)
• Nocturne Study color palette (#DDE7F9, #00308E, #620012, #052B01, #000107)
• Mulberry Courtyard color palette (#DCF4FA, #006373, #830077, #4A3C00, #000203)
• Velvet Nightshade Field color palette (#ECEEFF, #3E00C8, #6E2000, #003921, #01000A)
• Misty Garnet Corridor color palette (#D6EFF6, #005F70, #860B00, #620600, #000102)

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