Eclipse Pine color palette — #D7ECCD · #00774B · #003F3B · #001B22 · #000205
A conversation between Pine and Forest, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D7ECCD): A whisper-light, dusty green — the color of fresh herbs.
- Pine (#00774B): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#003F3B): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001B22): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000205): 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 Meadow color palette (#CDF5E6, #006562, #00323E, #000D22, #01000A)
- Nocturne Corridor color palette (#EAE0CC, #666E00, #0D4804, #001D14, #000202)
- Antique Courtyard color palette (#E6F4D8, #009862, #00605D, #003540, #000E1B)
- Forest Balcony color palette (#F8D5CB, #00663D, #003540, #2D000B, #000202)
- Antique Station color palette (#CAE6DD, #00A696, #005D5C, #002629, #000102)
- Ancient Cypress Terrace color palette (#E4F0E1, #1E746B, #144C65, #3B1600, #0D0500)
- Moss Quarry color palette (#C1EEF4, #6A9700, #007E70, #004B6C, #000202)
- Abyss Meadow color palette (#DCE9E9, #8EA5A9, #63818F, #004225, #000606)
Browse the whole catalog at Explore, or see today's palette.