Eclipse Pine color palette — #D2E9E9 · #00764B · #002C31 · #001818 · #010506
A conversation between Pine and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Frost (#D2E9E9): A whisper-light, dusty teal — the color of glacier melt.
- Pine (#00764B): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#002C31): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001818): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#010506): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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 Chapel color palette (#D0E2E8, #00676F, #001F3F, #001012, #000204)
- Muted Lagoon Lagoon color palette (#CFE7E8, #00976B, #164751, #0D2627, #06100E)
- Tempered Study color palette (#DBE1D1, #00B67F, #526854, #314400, #0E0E06)
- Deep Lagoon color palette (#DDE7F2, #005796, #3D3035, #1E1135, #000918)
- Pale Rust Studio color palette (#CAECF1, #008E79, #B04800, #884700, #063237)
- Softworn Cypress color palette (#EDF8F2, #84A775, #00745B, #544B1D, #1F3B37)
- Washed Chapel color palette (#E3EDE2, #00AD89, #007473, #00525F, #05395B)
- Ancient Forest Boulevard color palette (#F9F3F9, #9CCEDC, #0085A5, #22622D, #243C56)
Browse the whole catalog at Explore, or see today's palette.