Pine Harbor color palette — #BEEBE5 · #0D8A1F · #00546F · #44005D · #200400

Olive Leaf and Royal Purple set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#BEEBE5): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#0D8A1F): A full-bodied, vivid green — the color of a quiet forest floor.
• Peacock (#00546F): A full-bodied, balanced blue — the color of open sky before noon.
• Royal Purple (#44005D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#200400): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Creativity, 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

• Frosted Corridor color palette (#C5ECD3, #857000, #005856, #2E0079, #240003)
• Weathered Studio color palette (#B8EBF2, #00856F, #0042AA, #52003A, #180B00)
• Aged Garnet color palette (#F3E7CD, #836C00, #005853, #5F003C, #2C2300)
• Antique Boulevard color palette (#E7ECCB, #2BA735, #00729F, #76007A, #3A1B00)
• Eclipse Aubergine color palette (#D6F3FF, #006470, #430087, #390007, #040400)
• Washed Forest color palette (#C0EDEC, #006D42, #3E3B42, #002520, #000B04)
• Dusty Studio color palette (#CBE8D6, #009D7D, #006962, #004445, #001D22)
• Powdered Alley color palette (#D8F1D4, #3BAE91, #007B89, #622563, #47001E)

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