Pine Harbor color palette — #D1EEED · #007A44 · #004F54 · #002847 · #0A0020
Built around Pine, softened by Midnight — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D1EEED): A whisper-light, dusty teal — the color of glacier melt.
- Pine (#007A44): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004F54): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#002847): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#0A0020): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. 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
- Timeworn Olive color palette (#D6F0EA, #3A7800, #00504C, #002942, #0A0700)
- Weathered Aubergine Courtyard color palette (#CBE9F1, #007672, #004B6B, #230071, #120013)
- Softworn Alley color palette (#DCEDEA, #5DB1B8, #007382, #004A46, #00171E)
- Worn Atelier color palette (#CAE8D2, #599280, #066C68, #143D6E, #110F50)
- Midnight Olive color palette (#F3EDD7, #6C6B00, #00482D, #00191E, #020100)
- Timeworn Emerald Delta color palette (#D2E6E2, #50955E, #00633D, #413800, #001504)
- Weathered Aubergine color palette (#F4E3CE, #AE7300, #007373, #63167E, #130011)
- Eclipse Onyx Cabin color palette (#FFE8EF, #693F00, #003131, #24002B, #15000C)
Browse the whole catalog at Explore, or see today's palette.