Pine Harbor color palette — #F5DBE7 · #007A47 · #00435D · #3D1800 · #001B18

Pine takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F5DBE7): A whisper-light, dusty rose — the color of pressed rose petals.
• Pine (#007A47): A full-bodied, balanced teal — the color of sea glass.
• Navy (#00435D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Espresso (#3D1800): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#001B18): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, 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

• Patina Navy Workshop color palette (#DDF4E5, #007766, #003C77, #2C2300, #001A1E)
• Olive Courtyard color palette (#FAE8FF, #636D00, #004745, #470027, #001D02)
• Wandering Courtyard color palette (#F4E8D5, #007471, #00415A, #3E001B, #000708)
• Worn Atelier color palette (#F3DCE4, #847C38, #235100, #003637, #1F1B00)
• Feathered Navy color palette (#DEF4F1, #0F6A11, #001F97, #2B1C00, #011701)
• Faded Ultramarine Ridge color palette (#CDEFD3, #00908A, #1B3EC1, #493400, #002F39)
• Navy Veranda color palette (#EAF0DE, #005556, #140072, #0A1000, #000407)
• Garnet Orchard color palette (#CDE7D2, #009390, #006083, #6B0032, #001A1E)

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