Twilit Olive color palette — #EADEE9 · #837B00 · #540010 · #180002 · #030003

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

The five colors

• Silver (#EADEE9): bright and airy, almost weightless.
• Olive Leaf (#837B00): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#540010): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#180002): A deep, shadowed, dusty red — the color of late-summer berries.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Sophistication, 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

• Deep Bronze color palette (#EDD9E5, #796700, #2D3629, #381000, #080100)
• Smoked Balcony color palette (#E6E2F5, #698500, #480049, #130013, #020007)
• Weathered Studio color palette (#EEDFDA, #A49400, #7E162A, #37040D, #080100)
• Hushed Bronze color palette (#DAEDD8, #957300, #3C2400, #12191E, #0E0600)
• Cocoa Bloom color palette (#EEE4E9, #A6B9AA, #719788, #683400, #12070C)
• Aged Amber color palette (#FFE9DE, #DB8F36, #701300, #111710, #160100)
• Hushed Balcony color palette (#F9EFF2, #D5C28F, #7D592F, #432831, #191114)
• Aged Bronze color palette (#FCDBD1, #A26200, #584400, #212700, #000900)

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