Eclipse Olive color palette — #D7E3F7 · #5B8B00 · #0E1868 · #02002E · #00020D
Olive Leaf and Deep Indigo set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#D7E3F7): A whisper-light, dusty violet — the color of twilight just after sunset.
- Olive Leaf (#5B8B00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#0E1868): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#02002E): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#00020D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, 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
- Velvet Loft color palette (#E1E2F2, #009349, #37005C, #100020, #060003)
- Midnight Basin color palette (#E7F1FF, #AC6900, #001570, #00022C, #00020C)
- Aged Market color palette (#DEE3FC, #00AC82, #450095, #1E0B42, #12051D)
- Hazy Moss Lantern color palette (#E2DAED, #669F24, #5F044C, #290520, #10030D)
- Misty Aubergine Corridor color palette (#EDDAE5, #9AB14B, #5E5AB1, #332382, #080005)
- Frosted Clover Lagoon color palette (#F6F3FF, #64BA4F, #6C256D, #3B133C, #1C1728)
- Midnight Courtyard color palette (#F1D6E2, #BB5253, #320F62, #0B0021, #040002)
- Tempered Ultramarine color palette (#DAE1EE, #272CD4, #06520D, #023305, #020C24)
Browse the whole catalog at Explore, or see today's palette.