Eclipse Olive color palette — #DCE5C5 · #287100 · #003E2E · #001D1B · #00070B

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

The five colors

• Celadon Mist (#DCE5C5): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#287100): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#003E2E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001D1B): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00070B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Forest Corridor color palette (#DEEED9, #005B2A, #003124, #001411, #000303)
• Charred Chestnut color palette (#F7E9DD, #6E6000, #2E3200, #031A00, #000A06)
• Charred Garnet Courtyard color palette (#E0ECCC, #00613E, #77002D, #002817, #130003)
• Cypress Balcony color palette (#D6E8E0, #006C66, #003D4B, #001C2B, #000627)
• Nocturne Courtyard color palette (#CEE8DA, #004C32, #660012, #361500, #000201)
• Weathered Chapel color palette (#D9E3D3, #00ACC0, #5D68C6, #353B00, #001515)
• Bronze Coast color palette (#E9E4CC, #AE5B00, #007560, #040F11, #010200)
• Muted Loft color palette (#CFE5DA, #008F88, #005A66, #00334B, #05174C)

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