Twilit Olive color palette — #E5E9FF · #4B8D3B · #23004C · #0E0417 · #020007

Olive Leaf and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E5E9FF): A whisper-light, dusty violet — the color of wild irises.
• Olive Leaf (#4B8D3B): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#23004C): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#0E0417): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, dark, muted.

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

• Shadow Lagoon color palette (#D7E3F9, #8D7A00, #090857, #0A0717, #00000B)
• Fern Hollow color palette (#EADBE2, #2A7016, #1B003D, #170701, #03000E)
• Smoked Veranda color palette (#EBE1EF, #939415, #540027, #1C0809, #040001)
• Aged Garnet Orchard color palette (#F2EAFF, #9AAC53, #611B51, #301B15, #14000F)
• Faded Aubergine color palette (#F4F4FF, #A6C976, #6C3582, #250930, #010008)
• Linen Aubergine Harbor color palette (#EFD7DE, #C6675B, #661B8D, #230035, #060002)
• Aged Archive color palette (#F9F2FF, #E4EBB8, #95667D, #40314C, #120D17)
• Shadow Villa color palette (#DDDCF0, #943328, #220031, #1A0611, #030005)

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