Eclipse Olive color palette — #D8E7DC · #5C7200 · #004315 · #22153B · #020300

Olive takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#D8E7DC): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#5C7200): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004315): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Indigo (#22153B): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#020300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.

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

• Muted Alley color palette (#D1EFE7, #007B4F, #00403A, #002231, #000402)
• Pale Moss Pier color palette (#E5E2C9, #65A13B, #035F14, #003235, #000200)
• Byzantium Garden color palette (#DFDBEE, #91009F, #005838, #46004E, #000402)
• Timeworn Workshop color palette (#E0EFE0, #9A9039, #416000, #35335A, #00170C)
• Faded Courtyard color palette (#E2FAE0, #BCA91F, #587721, #48476E, #032818)
• Obsidian Aubergine color palette (#FFE2FB, #7A0078, #054C0B, #00382A, #030003)
• Hushed Cerulean color palette (#F1DFEC, #009CA8, #005169, #002D20, #00040D)
• Tempered Lagoon Pier color palette (#E4F7EE, #A1BD95, #4F8169, #54516B, #0F2D29)

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