Eclipse Olive color palette — #EEECDE · #586D00 · #0B4002 · #00220E · #000604

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

The five colors

• Cream (#EEECDE): bright and airy, almost weightless.
• Olive (#586D00): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#0B4002): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#00220E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000604): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged 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

• Pine Station color palette (#D5F5DD, #008056, #004724, #001709, #000201)
• Misty Study color palette (#E6E8CE, #6A8700, #1E6800, #003A19, #00160C)
• Gentle Delta color palette (#D0EDD3, #1E7E36, #5C0075, #00340E, #07000B)
• Cellar Chestnut color palette (#E9DBD2, #815100, #493700, #191B00, #020500)
• Aged Atelier color palette (#F1E0F4, #AE6900, #006125, #000E0B, #000201)
• Antique Cerulean color palette (#DCEEDA, #46BAA3, #008CB0, #434700, #000C06)
• Lagoon Boulevard color palette (#E2F4E6, #00957F, #006C6A, #003840, #001925)
• Deep Aubergine Grove color palette (#DCE8DD, #00591F, #640072, #540045, #000200)

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