Twilit Olive color palette — #DCE1FB · #36801D · #240050 · #25121F · #060017
A conversation between Olive Leaf and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Frost (#DCE1FB): A whisper-light, dusty violet — the color of twilight just after sunset.
- Olive Leaf (#36801D): A full-bodied, balanced green — the color of fresh herbs.
- Deep Indigo (#240050): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#25121F): A deep, shadowed, dusty pink — the color of a candy shop window.
- Ink (#060017): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, dark.
Use it as a design system
One click turns Twilit Olive 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 Fern color palette (#E6E3F5, #536800, #26002B, #200F03, #060008)
- Charred Navy Meadow color palette (#E0E8F5, #826A00, #090062, #1C0D1D, #01001E)
- Moss Market color palette (#E0E2FE, #5DA916, #510086, #270044, #0D0C21)
- Misty Garnet color palette (#E4D9ED, #89953B, #630041, #2E001C, #100618)
- Tempered Olive Grove color palette (#F2E1F4, #847E00, #4E0019, #25160A, #1A0004)
- Misty Boulevard color palette (#FFE0EC, #BC8E00, #6A3AA1, #331453, #060002)
- Hazy Mulberry Alley color palette (#F7F3FF, #97AD4E, #761A65, #46013B, #1E152C)
- Muted Aubergine color palette (#E3E0E9, #B2A3B8, #A56F66, #5E0858, #15111F)
Browse the whole catalog at Explore, or see today's palette.