Pine Harbor color palette — #E3F5F0 · #237F3E · #004230 · #00282A · #001504

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

The five colors

• Cream (#E3F5F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#237F3E): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004230): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#00282A): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001504): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Hushed Olive color palette (#D6E4DA, #6E701A, #284000, #002636, #00140C)
• Ancient Emerald color palette (#F7EED9, #5A9546, #00614E, #023D56, #031400)
• Tempered Ridge color palette (#E7FAF4, #7AA97B, #007551, #374B6B, #183C39)
• Ancient Cerulean Study color palette (#D6E5D8, #3C9DB4, #00516E, #00302E, #001528)
• Pale Study color palette (#E1EAFF, #5135DF, #524E00, #270081, #121000)
• Linen Nightshade Lantern color palette (#E5E5F8, #5005C3, #6A2A00, #003A29, #080023)
• Antique Driftwood color palette (#EFF8F0, #A9CAB8, #7C8853, #4D6B7B, #415248)
• Raspberry Alley color palette (#E8E7FF, #BD90E6, #B04E8D, #1A3A85, #1F0C35)

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