Eclipse Pine color palette — #D6E4C9 · #007840 · #004636 · #002320 · #000506
A conversation between Pine and Forest, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D6E4C9): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#007840): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004636): A deep, shadowed, dusty teal — the color of glacier melt.
- Onyx (#002320): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000506): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged 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
- Cypress Terrace color palette (#DDF3F1, #007A76, #00403D, #001514, #000201)
- Aged Mulberry color palette (#DEF1EB, #006B57, #880044, #003227, #0A0002)
- Muted Grove color palette (#D6F5DE, #009D6A, #00634B, #00271F, #000201)
- Nocturne Fern Lagoon color palette (#D6EFE1, #536C00, #3D3700, #231500, #000200)
- Plum Grove color palette (#E5E4D2, #BD0097, #00725B, #020E10, #000102)
- Moonless Garnet color palette (#D6F1EA, #00564A, #730045, #5C001D, #000201)
- Chalky Dune color palette (#C8F1E1, #00ADC5, #277BCB, #0C4403, #000608)
- Quiet Cabin color palette (#C8F0EB, #00929C, #005F7A, #003B5C, #011339)
Browse the whole catalog at Explore, or see today's palette.