Eclipse Pine color palette — #DCE8D7 · #007940 · #00422C · #001E17 · #000B0A
A conversation between Pine and Forest, giving this palette its sense of nature and growth.
The five colors
- Parchment (#DCE8D7): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#007940): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#00422C): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001E17): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000B0A): A deep, shadowed, dusty teal — the color of sea glass.
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
- Patina Ridge color palette (#C7EDE5, #007668, #483E40, #00302D, #000B09)
- Forest Basin color palette (#E5F0DA, #075A0F, #003927, #00110F, #000202)
- Tempered Fern color palette (#F8EDCA, #6B6000, #353A00, #121C00, #010C00)
- Tempered Garnet color palette (#E7EFE0, #00604B, #740041, #00271D, #120006)
- Lagoon Pier color palette (#DBEFE3, #009A81, #007166, #004447, #0A293D)
- Tempered Cobalt Coast color palette (#CFF3EA, #00A3A8, #007CAD, #004225, #000E0E)
- Obsidian Grove color palette (#DDF3ED, #004B3F, #42007E, #391B00, #000202)
- Byzantium Meadow color palette (#F7D7C4, #BA00C4, #00717C, #060D12, #000301)
Browse the whole catalog at Explore, or see today's palette.