Eclipse Pine color palette — #E8F4D4 · #00763D · #00473D · #00191C · #000204
A conversation between Pine and Forest, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E8F4D4): A whisper-light, dusty green — the color of fresh herbs.
- Pine (#00763D): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#00473D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00191C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000204): a grounded near-black with real depth.
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
- Washed Emerald color palette (#E6F5E5, #009761, #006559, #003638, #000B11)
- Nocturne Olive color palette (#F9E8CA, #716B00, #2B4500, #001B0F, #000302)
- Inked Forest Bloom color palette (#FEE3D1, #00672C, #00363C, #2B0017, #000201)
- Twilit Aubergine color palette (#E5EBD9, #005834, #2D0072, #250010, #050000)
- Cypress Thicket color palette (#D7E4D5, #007974, #004764, #430E00, #160500)
- Moss Alley color palette (#D9E4CD, #769F00, #008769, #004A67, #000202)
- Worn Quarry color palette (#DFE2D2, #96A68B, #6A836F, #00430E, #040500)
- Navy Delta color palette (#CEF4ED, #00A0AD, #005E87, #001E7F, #100030)
Browse the whole catalog at Explore, or see today's palette.