Eclipse Pine color palette — #DFE4F8 · #408E44 · #1F0050 · #0E0518 · #010008
Olive Leaf and Deep Indigo set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#DFE4F8): A whisper-light, dusty violet — the color of a velvet chair.
- Olive Leaf (#408E44): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#1F0050): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#0E0518): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Black (#010008): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, dark, muted.
Use it as a design system
One click turns Eclipse Pine 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
- Eclipse Onyx color palette (#E2EDFF, #8C7A00, #09005E, #0A0716, #00000B)
- Inked Fern color palette (#FFE7F2, #336F09, #1A003D, #170701, #03000E)
- Timeworn Aubergine color palette (#FFE6EE, #AA7F00, #5C2E83, #210038, #060002)
- Moss Summit color palette (#EAE2F0, #65A21C, #530030, #1C080A, #040001)
- Clover Archive color palette (#EFEBFB, #45BD68, #650063, #2F1815, #130012)
- Linen Orchard color palette (#F4F4FF, #59D4AE, #673291, #25023B, #010006)
- Ancient Courtyard color palette (#F1EEF7, #C2B6C3, #A88798, #63125A, #020006)
- Twilit Terracotta color palette (#DDDBF3, #953220, #23002F, #140202, #030005)
Browse the whole catalog at Explore, or see today's palette.