Pine Harbor color palette — #DDF5F1 · #137E16 · #003C4F · #043404 · #000103
Built around Olive, softened by Deep Forest — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DDF5F1): A whisper-light, dusty teal — the color of glacier melt.
- Olive (#137E16): A full-bodied, vivid green — the color of a quiet forest floor.
- Deep Teal (#003C4F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Forest (#043404): A deep, shadowed, balanced green — the color of new leaves after rain.
- Black (#000103): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, 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
- Timeworn Dune color palette (#D5E9E0, #6B6D00, #003F3C, #2B2C00, #000102)
- Wandering Lantern color palette (#CBE6E9, #007964, #003A5C, #003228, #000103)
- Worn Workshop color palette (#D8F0F6, #007874, #1D00A2, #00312F, #00000B)
- Charred Boulevard color palette (#F4E5C7, #00644E, #00353D, #29001E, #000202)
- Quiet Emerald Corridor color palette (#EEF0E3, #449941, #005C71, #09540C, #000203)
- Worn Abyss color palette (#D7E3E3, #8AA6AB, #5F828F, #00412C, #000606)
- Aubergine Pier color palette (#D5EAF5, #0086A3, #5D0097, #003D4C, #010009)
- Smoked Alley color palette (#CFF1EE, #00461E, #290073, #27000C, #020100)
Browse the whole catalog at Explore, or see today's palette.