Forest Harbor color palette — #D1E4E3 · #006636 · #34363D · #00201A · #000707
A conversation between Pine and Ink, giving this palette its sense of nature and growth.
The five colors
- Silver (#D1E4E3): A whisper-light, dusty teal — the color of shallow lagoons.
- Pine (#006636): A full-bodied, balanced teal — the color of shallow lagoons.
- Charcoal (#34363D): quiet, heavy and certain.
- Ink (#00201A): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000707): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns 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
- Obsidian Cypress Canyon color palette (#D0E8F2, #006773, #3E373B, #002232, #00090F)
- Nocturne Fern color palette (#DFF6EA, #5C5800, #212A31, #101F00, #000703)
- Lagoon Veranda color palette (#D6F5E1, #009D7B, #006356, #004140, #00181C)
- Aged Forest Pier color palette (#DBF3E7, #7D9859, #00681D, #3D3B00, #001712)
- Midnight Pine color palette (#DEE5CD, #00884A, #26391B, #141904, #050500)
- Soft Grape color palette (#BDE6F3, #007B7C, #8B1BAE, #674400, #000E0E)
- Aged Sapphire color palette (#E2ECE4, #93B8D8, #3568BD, #00495A, #0E1035)
- Hushed Plum color palette (#DEF3F8, #00928C, #C60049, #00524E, #2A0009)
Browse the whole catalog at Explore, or see today's palette.