Pine Harbor color palette — #D9EFEC · #007A22 · #005E79 · #002F7C · #000B01
Olive and Navy set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D9EFEC): A whisper-light, dusty teal — the color of sea glass.
- Olive (#007A22): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#005E79): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#002F7C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#000B01): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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
- Navy Grove color palette (#D9F4F3, #006239, #00496B, #120E73, #000301)
- Weathered Summit color palette (#DAF1E8, #418D25, #005B3B, #003145, #001211)
- Navy Studio color palette (#D8E9EB, #007D65, #004F62, #12037B, #16001D)
- Weathered Harbor color palette (#E1F6E4, #815E00, #006544, #003F40, #000B02)
- Faded Studio color palette (#CEF4FA, #007D6C, #003EE7, #470094, #000E0B)
- Olive Thicket color palette (#D9F4EA, #5F6D00, #006165, #621A00, #000B06)
- Nightshade Delta color palette (#ECDCC0, #775F00, #3C499D, #262F72, #251800)
- Tempered Grape Parlor color palette (#DBEEF5, #00727E, #5732B7, #570961, #00090F)
Browse the whole catalog at Explore, or see today's palette.