Pine Harbor color palette — #EEDBD7 · #187B11 · #004453 · #49001E · #001C13

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

The five colors

• Bone (#EEDBD7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Olive (#187B11): A full-bodied, vivid green — the color of fresh herbs.
• Deep Teal (#004453): A deep, shadowed, dusty blue — the color of deep harbor water.
• Espresso (#49001E): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#001C13): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Tempered Onyx color palette (#F8D6D1, #676C00, #004743, #40003F, #021D01)
• Antique Market color palette (#F7E4DB, #007763, #003D72, #470A00, #001A1D)
• Muted Drift color palette (#D9F5DE, #007750, #004449, #380034, #000705)
• Pale Lagoon color palette (#EBE0CF, #009867, #00656B, #61005A, #001B16)
• Washed Lagoon color palette (#EDEADB, #3D8C60, #00504D, #2B3300, #002210)
• Dusty Orchard color palette (#FFDCCC, #00936D, #005787, #5E2400, #003030)
• Chalky Garnet color palette (#E6F5D8, #00674F, #650042, #3D0027, #240700)
• Washed Moss Boulevard color palette (#E1E8D8, #A59F00, #00917B, #005597, #001C1A)

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