Twilit Ridge color palette — #F2E1ED · #3137A1 · #002A14 · #000F0F · #000103
A conversation between Indigo and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Blush (#F2E1ED): A whisper-light, dusty pink — the color of a candy shop window.
- Indigo (#3137A1): A full-bodied, vivid violet — the color of wild irises.
- Deep Forest (#002A14): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000F0F): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000103): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, 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
- Eclipse Navy color palette (#EADBEC, #004076, #172D00, #242026, #000A06)
- Aubergine Coast color palette (#FDE3EA, #69148B, #002625, #000C17, #01000A)
- Lowlit Garnet Courtyard color palette (#F1ECF9, #550041, #121D00, #040B00, #000108)
- Lowlit Mulberry color palette (#FDDCE0, #8F1C83, #004049, #001A35, #020007)
- Byzantium Courtyard color palette (#FFF1F4, #914DAF, #005557, #00263B, #010009)
- Frosted Harbor color palette (#FFF1F2, #D957B5, #00778D, #003B90, #0E001A)
- Hushed Indigo color palette (#FFF0F8, #7766D5, #007457, #00464D, #000105)
- Hazy Plum color palette (#FEE5E6, #AE268D, #694F00, #00454D, #050005)
Browse the whole catalog at Explore, or see today's palette.