Pine Harbor color palette — #D9FFF3 · #8CFFF2 · #5DC3CC · #00784D · #061A00
Built around Pine, softened by Sea Foam — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D9FFF3): A whisper-light, dusty teal — the color of shallow lagoons.
- Sea Foam (#8CFFF2): A whisper-light, balanced teal — the color of shallow lagoons.
- Cyan (#5DC3CC): A luminous, balanced blue — the color of deep harbor water.
- Pine (#00784D): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#061A00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged pastel, light, cool.
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
- Chalky Drift color palette (#F4F9D7, #BCF5CC, #6DCEB4, #517B15, #001C09)
- Dusty Coast color palette (#DEFFE5, #C0F0FF, #63BDF6, #008080, #001D0D)
- Hazy Cobalt color palette (#CCF7F9, #6EBBB8, #2F8ECD, #385500, #001519)
- Antique Chapel color palette (#DBFFDC, #55DFF9, #2FB8EF, #006C65, #00090B)
- Aged Moss color palette (#E9F5DC, #84DCDD, #70C0FF, #609A00, #002D25)
- Softworn Iris color palette (#C4E8D7, #77C0F9, #6290D8, #005363, #000103)
- Dusty Ultramarine color palette (#E6FBF1, #00B1E6, #2F56BE, #005570, #030003)
- Muted Teal Thicket color palette (#E0FBFF, #D1DDEA, #B8CAFB, #00A6A1, #002F38)
Browse the whole catalog at Explore, or see today's palette.