Pine Harbor color palette — #CEE8E1 · #317D46 · #004230 · #361A00 · #001505

Olive and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#CEE8E1): A whisper-light, dusty teal — the color of sea glass.
• Olive (#317D46): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004230): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Espresso (#361A00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#001505): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Pine Cabin color palette (#D6F1DF, #008451, #004220, #00190A, #000502)
• Dusty Olive color palette (#D4EAD7, #786D00, #323D00, #460115, #131000)
• Faded Teal color palette (#C2E8E3, #4EB294, #009097, #394700, #001C0F)
• Washed Harbor color palette (#F0EEDF, #209A64, #005F5E, #572240, #0C1200)
• Softworn Forest color palette (#D6EAE2, #769765, #006634, #3D4200, #05302A)
• Faded Nightshade Chapel color palette (#D7ECD9, #005D21, #1A00C0, #600204, #000B02)
• Aubergine Atelier color palette (#C4EAE4, #2E821F, #66006E, #083702, #1F0022)
• Hazy Balcony color palette (#E6E7C8, #6FA873, #1F8451, #62551B, #001502)

Browse the whole catalog at Explore, or see today's palette.