Pine Harbor color palette — #DEE8D0 · #007C49 · #004A3A · #002829 · #060F1F
Built around Pine, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#DEE8D0): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#007C49): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004A3A): A deep, shadowed, dusty teal — the color of glacier melt.
- Onyx (#002829): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#060F1F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Ancient Lagoon Ridge color palette (#D6E4D8, #009261, #006658, #003E3A, #00171A)
- Olive Atelier color palette (#E4DFCD, #5C7500, #09540C, #002E1F, #001C1C)
- Obsidian Cypress color palette (#CFF1EE, #008488, #003C3C, #001314, #000203)
- Timeworn Mulberry Coast color palette (#D6F0F5, #006E67, #8B004B, #003431, #24000F)
- Muted Cabin color palette (#CBF5EA, #007479, #00475D, #002141, #050047)
- Timeworn Jade color palette (#E3F0D9, #00B385, #00726D, #004A57, #1A2C4F)
- Muted Sky Summit color palette (#DCF0EC, #59BCE3, #797AC1, #2D4900, #001B1D)
- Softworn Garnet color palette (#D8EEEC, #005955, #7B002C, #4E1800, #000A09)
Browse the whole catalog at Explore, or see today's palette.