Eclipse Pine color palette — #DBE6D4 · #008139 · #00493B · #001F1D · #000102
Built around Olive, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Parchment (#DBE6D4): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#008139): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#00493B): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001F1D): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#000102): 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
- Forest Pier color palette (#F1EDD7, #5F7100, #0F5507, #001709, #000201)
- Lagoon Orchard color palette (#D4EFDF, #008F69, #006F59, #004A3F, #00100F)
- Hushed Mulberry Veranda color palette (#E0EED7, #007D68, #9E003C, #00342A, #040001)
- Tempered Lagoon Villa color palette (#CEEAEA, #00999E, #004649, #27282F, #000B0A)
- Weathered Canyon color palette (#CBF9FC, #008BA3, #00577B, #001F41, #020013)
- Cobalt Loft color palette (#D9EBD0, #73C8DF, #5C8ACF, #004E1E, #000202)
- Mint Station color palette (#BAF3CB, #0DD3AD, #009496, #004E5C, #00212E)
- Hushed Aubergine color palette (#D4F2F4, #006067, #760071, #630301, #000102)
Browse the whole catalog at Explore, or see today's palette.