Pine Harbor color palette — #D9EADD · #008F4B · #004238 · #00220D · #080800
A conversation between Fern and Forest, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D9EADD): A whisper-light, dusty teal — the color of sea glass.
- Fern (#008F4B): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004238): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#00220D): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#080800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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
- Moonless Cypress color palette (#D3E6D4, #008284, #003948, #071B09, #020601)
- Soft Emerald Canyon color palette (#D1F1EF, #00AE58, #006761, #123F22, #000A07)
- Muted Olive color palette (#EDE3C6, #827A00, #284100, #1E1B00, #0D0600)
- Forest Basin color palette (#E3EACF, #006D31, #002426, #0C0F00, #010200)
- Jade Corridor color palette (#EFF4E8, #4FB189, #4B5E48, #2C3F00, #21221B)
- Softworn Magenta color palette (#CCEDEC, #00A0A1, #BE00F4, #956300, #002B2B)
- Chalky Delta color palette (#F6EBCA, #93BB51, #049126, #625E00, #25330C)
- Dusty Veranda color palette (#D4EBE0, #0A9CCE, #364E6E, #1D332A, #141A16)
Browse the whole catalog at Explore, or see today's palette.