Eclipse Pine color palette — #F0F0D1 · #197A0F · #00402D · #001C1B · #000102
Olive takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F0F0D1): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#197A0F): A full-bodied, vivid green — the color of a quiet forest floor.
- Forest (#00402D): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001C1B): 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
- Hushed Olive color palette (#F4EEDE, #647A00, #00492F, #002122, #000F18)
- Fern Coast color palette (#F8E5DA, #326400, #003735, #290020, #000201)
- Cypress Canyon color palette (#E2F0E8, #00736E, #003E4A, #001827, #00000E)
- Nocturne Thicket color palette (#FCDFC9, #806600, #323900, #001F07, #000201)
- Timeworn Lantern color palette (#E3F2E3, #00A361, #006048, #002720, #000201)
- Weathered Moss Coast color palette (#D5F3DC, #978F00, #007D55, #005163, #000201)
- Patina Cypress color palette (#E9EFE2, #1E7C66, #004B5F, #460C17, #190003)
- Patina Spruce Coast color palette (#E4EFEC, #88A7A7, #628289, #253F00, #000604)
Browse the whole catalog at Explore, or see today's palette.