Twilit Ridge color palette — #F5E8DE · #5F3200 · #003D34 · #30005B · #040100

A conversation between Deep Indigo and Bronze, giving this palette its sense of optimism and creativity.

The five colors

• Cream (#F5E8DE): bright and airy, almost weightless.
• Bronze (#5F3200): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Forest (#003D34): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#30005B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#040100): quiet, heavy and certain.

Feels like: Optimism, 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

• Onyx Quarry color palette (#E6E6CF, #434200, #00394C, #45002D, #020200)
• Twilit Navy color palette (#FCD7D2, #7B0306, #004014, #0A0E6B, #070000)
• Chestnut Orchard color palette (#F6DEC8, #7F4900, #005473, #31306C, #040100)
• Chestnut Study color palette (#FAE5D0, #8F5300, #472600, #202A25, #130700)
• Hazy Garnet Garden color palette (#E4E3D5, #645C00, #00566E, #6E0050, #141200)
• Worn Amber color palette (#FFEADC, #C69400, #656F0F, #601D04, #100800)
• Chestnut Pier color palette (#ECEBF9, #008586, #7C5F00, #0D0F07, #030100)
• Tempered Aubergine Field color palette (#F3E4D0, #8A6400, #006C72, #6C2F76, #2C1C00)

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