Pine Harbor color palette — #D9F2D5 · #007543 · #00402E · #001D18 · #000505
Built around Pine, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D9F2D5): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#007543): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#00402E): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001D18): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000505): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, 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
- Velvet Abyss color palette (#CFE4DC, #005D55, #003538, #00171B, #000203)
- Misty Mulberry Pier color palette (#E4EEDD, #006B56, #84005A, #003227, #090004)
- Lagoon Courtyard color palette (#D8F5DD, #009B73, #006F5C, #00433F, #001F22)
- Emerald Corridor color palette (#DFE3CC, #009426, #005D45, #002A28, #000305)
- Velvet Atelier color palette (#FAEDCD, #5F6800, #3E3700, #211600, #010200)
- Dusty Cobalt Grove color palette (#D0F4EB, #4FB3B9, #0086C4, #00492B, #000606)
- Eclipse Aubergine Veranda color palette (#CAF1E8, #00564B, #510092, #482400, #000201)
- Aged Terrace color palette (#ECDED0, #B200B5, #006E7A, #050C12, #000200)
Browse the whole catalog at Explore, or see today's palette.