Twilit Ridge color palette — #E5E1D4 · #5A5D00 · #00386B · #280043 · #060001

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

The five colors

• Parchment (#E5E1D4): a clean, paper-quiet neutral.
• Olive (#5A5D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#00386B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#280043): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#060001): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Trust, Stability, Creativity, Depth. 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

• Nocturne Chestnut color palette (#FCE9D4, #7A4D00, #004048, #001D30, #040006)
• Obsidian Aubergine color palette (#DEE1D1, #146B0D, #31059A, #340027, #060000)
• Soft Pine Archive color palette (#E2E8CA, #008A38, #006363, #003A5A, #02000D)
• Twilit Fern Thicket color palette (#F1F1E2, #334F00, #17221F, #00120A, #020200)
• Cypress Canyon color palette (#F2ECDB, #627C4A, #00655D, #451E30, #220011)
• Tempered Olive color palette (#E2E6D4, #1F7F09, #005939, #002922, #000E0F)
• Olive Loft color palette (#F3F2D9, #578400, #005494, #630023, #220900)
• Washed Aubergine Study color palette (#DCE6D5, #007860, #5C1493, #4F0008, #130300)

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