Twilit Ridge color palette — #EDDCEE · #003771 · #480028 · #181200 · #000305

Built around Navy, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Thistle (#EDDCEE): A whisper-light, dusty pink — the color of a candy shop window.
• Navy (#003771): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#480028): A deep, shadowed, balanced rose — the color of strawberry cream.
• Ink (#181200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000305): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Nocturne Summit color palette (#DCF2DE, #00494B, #430027, #151000, #000202)
• Navy Study color palette (#E9DCE7, #001A88, #2F0400, #000B02, #050005)
• Deep Aubergine Pier color palette (#F1D7E1, #500086, #3E1200, #001704, #010011)
• Navy Corridor color palette (#E5EEEB, #B9A1B1, #9D7180, #003964, #011913)
• Chalky Aubergine color palette (#DAECF5, #0065CC, #3B00A1, #2A0044, #1A0012)
• Aubergine Drift color palette (#E9E6D7, #005D90, #400073, #161B00, #00052C)
• Muted Aubergine Drift color palette (#FFE5F1, #592CA8, #562C00, #00311C, #1D0614)
• Mulberry Pier color palette (#FFF1F3, #8E4194, #6B3900, #004130, #2B1723)

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