Pine Loft color palette — #DCE6CF · #007420 · #00402B · #00231F · #000708
A conversation between Olive and Forest, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#DCE6CF): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#007420): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#00402B): A deep, shadowed, dusty teal — the color of glacier melt.
- Onyx (#00231F): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000708): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Pine Loft 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
- Timeworn Pine color palette (#D9F4DF, #008052, #005139, #002C23, #001713)
- Dusty Mulberry color palette (#DCEAD3, #006B58, #83005D, #003228, #090004)
- Midnight Fern color palette (#F5E6C6, #596A00, #3F3600, #241400, #000200)
- Muted Cobalt Meadow color palette (#CBF0E6, #4AA9B0, #477AC1, #114A01, #000807)
- Aged Grove color palette (#E0F5F1, #009399, #005E71, #00344C, #001332)
- Softworn Plum color palette (#F8EDDD, #CA0059, #007167, #040C0F, #000200)
- Velvet Garnet Quarry color palette (#D2E6E1, #00564A, #730044, #5B0026, #000201)
- Weathered Lagoon color palette (#E6EECA, #7FC4A8, #3A9B91, #1A6D75, #1C4030)
Browse the whole catalog at Explore, or see today's palette.