Eclipse Olive color palette — #F9E3DE · #847E00 · #4E0018 · #1A0004 · #020200

A conversation between Olive Leaf and Espresso, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#F9E3DE): A whisper-light, dusty orange — the color of sun-warmed clay.
• Olive Leaf (#847E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#4E0018): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#1A0004): A deep, shadowed, dusty red — the color of late-summer berries.
• Black (#020200): a grounded near-black with real depth.

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

Use it as a design system

One click turns Eclipse 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

• Inked Pier color palette (#FAEBF6, #A96700, #530500, #170100, #030003)
• Muted Drift color palette (#F8ECE0, #957600, #3A2000, #181D13, #110600)
• Inked Olive Alley color palette (#FADCE1, #63890D, #42004A, #150018, #060000)
• Hazy Garnet color palette (#FFE7DC, #CE7C00, #840C05, #390201, #070100)
• Twilit Chestnut color palette (#FAEBD8, #755A00, #233030, #1F1100, #040200)
• Powdered Bloom color palette (#E7DBE6, #CD9D26, #A24549, #611F23, #070007)
• Antique Taupe Drift color palette (#F4EFDD, #BC9456, #454600, #232400, #0D1205)
• Scarlet Quarry color palette (#F1DDD5, #CF3340, #2F4800, #630011, #040300)

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