Deep Forest Harbor color palette — #DEF2F1 · #005B39 · #583100 · #002615 · #020100
Built around Pine, softened by Cocoa — the whole palette hums with nature and growth.
The five colors
- Cream (#DEF2F1): A whisper-light, dusty teal — the color of shallow lagoons.
- Pine (#005B39): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#583100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Onyx (#002615): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Deep Forest Harbor 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
- Shadow Garnet color palette (#D4F8E9, #4A5200, #74001E, #1D2100, #040000)
- Fern Chapel color palette (#D4EEF4, #506000, #373035, #001917, #000201)
- Twilit Basalt Station color palette (#D6F6ED, #00463A, #003453, #242500, #000201)
- Twilit Lagoon color palette (#DFF6F2, #005952, #3805A0, #002421, #010009)
- Dusty Boulevard color palette (#D5E7E8, #007E5D, #940072, #003424, #040002)
- Weathered Lagoon Studio color palette (#D2E5E9, #009999, #007082, #003A2B, #000404)
- Wandering Fern Alley color palette (#DBF5FF, #007A83, #5D5C00, #003E44, #080800)
- Deep Ultramarine Workshop color palette (#E3EFE3, #0041ED, #005D6B, #090C12, #000102)
Browse the whole catalog at Explore, or see today's palette.