Eclipse Pine color palette — #D6E7D6 · #00764D · #004936 · #001E1A · #000505
Pine and Forest set the tone — five colors that lean into sophistication and depth.
The five colors
- Celadon Mist (#D6E7D6): A whisper-light, dusty green — the color of fresh herbs.
- Pine (#00764D): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004936): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001E1A): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000505): a grounded near-black with real depth.
Feels like: 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
- Aged Cypress color palette (#D2E4E3, #00707B, #004555, #001F2D, #00050E)
- Muted Emerald color palette (#E1E4D3, #00A547, #006349, #002929, #000508)
- Obsidian Fern color palette (#D7F5E6, #596A19, #3B3800, #201600, #000200)
- Aged Boulevard color palette (#C4E5EA, #006B5B, #850054, #00322A, #090004)
- Hazy Cobalt Cabin color palette (#D1F6FF, #29B3C6, #007DBC, #004B30, #000A0A)
- Smoked Aubergine color palette (#C4F1EA, #00554E, #56008B, #452600, #000201)
- Feathered Bloom color palette (#FCE3CF, #9600EC, #006E7E, #060D13, #000102)
- Dusty Cerulean color palette (#CFF8F9, #0096B0, #005E76, #003350, #001634)
Browse the whole catalog at Explore, or see today's palette.