Pine Harbor color palette — #D4F1EA · #31784B · #004132 · #002427 · #000401
Built around Pine, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D4F1EA): A whisper-light, dusty teal — the color of shallow lagoons.
- Pine (#31784B): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004132): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#002427): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine 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
- Cellar Olive Quarry color palette (#D1E8D3, #746917, #323B00, #00232C, #030300)
- Antique Garden color palette (#DBF1ED, #318B62, #005043, #232253, #000B04)
- Jade Ridge color palette (#CFECE8, #4DA983, #006A5F, #004652, #001C11)
- Patina Cerulean color palette (#DCECDF, #3F96B0, #005071, #002C2C, #00040E)
- Ancient Delta color palette (#E2F8ED, #96B36D, #377C3C, #184F7C, #182500)
- Hushed Lapis color palette (#DFE4F4, #5444B6, #534A00, #290076, #030300)
- Twilit Aubergine Study color palette (#E2E0F1, #5118AD, #642C00, #00382A, #010008)
- Softworn Lagoon Bloom color palette (#EDF4EE, #A9CDBB, #5F8E80, #4F6572, #20372C)
Browse the whole catalog at Explore, or see today's palette.