Eclipse Olive color palette — #DEE6CC · #228B0E · #005133 · #00140E · #000201
Olive Leaf and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#DEE6CC): A whisper-light, dusty green — the color of fresh herbs.
- Olive Leaf (#228B0E): A full-bodied, vivid green — the color of a quiet forest floor.
- Forest (#005133): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#00140E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000201): quiet, heavy and certain.
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
- Muted Lagoon color palette (#DBE7DD, #00886E, #004A46, #002024, #000102)
- Olive Delta color palette (#F7E9C8, #777500, #333F00, #001502, #000201)
- Forest Station color palette (#E6F3DC, #0A6813, #003E23, #001C12, #000709)
- Worn Field color palette (#F4EAF6, #AE8E00, #00762E, #020D0A, #010100)
- Feathered Mulberry color palette (#E0E6D7, #007F56, #95006D, #003421, #040002)
- Faded Drift color palette (#D4E9DF, #006447, #7B0064, #60002D, #000201)
- Worn Azure Coast color palette (#D2F8E7, #4DC6CB, #2299DD, #415104, #000201)
- Antique Teal color palette (#D5F8E5, #00B6A7, #006F75, #003E4D, #00111F)
Browse the whole catalog at Explore, or see today's palette.