Pine Harbor color palette — #E6F4E3 · #008B52 · #004D37 · #001512 · #000202
Fern takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#E6F4E3): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#008B52): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004D37): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001512): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000202): a grounded near-black with real depth.
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 Market color palette (#CDEBE1, #007C77, #004E53, #001E24, #000102)
- Twilit Olive Bloom color palette (#E0E0CD, #667D00, #244800, #001505, #000201)
- Feathered Grove color palette (#DEE2CE, #1B8F18, #006F4F, #004543, #00070C)
- Aged Mulberry color palette (#D0F3F7, #007D67, #970064, #003429, #040002)
- Aubergine Bloom color palette (#C3EDE5, #006358, #5E00A0, #4B2800, #000201)
- Washed Harbor color palette (#DEF3EF, #00A7AB, #006B7D, #003C4D, #001221)
- Softworn Quarry color palette (#C8E9F0, #61C1CB, #379ACE, #005834, #000202)
- Teal Lantern color palette (#AFFEDC, #00C2A8, #008583, #00535B, #001F26)
Browse the whole catalog at Explore, or see today's palette.