Pine Harbor color palette — #F1DAD2 · #00794C · #004552 · #480021 · #001B17
Pine and Espresso set the tone — five colors that lean into nature and growth.
The five colors
- Bone (#F1DAD2): A whisper-light, dusty orange — the color of autumn markets.
- Pine (#00794C): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#004552): A deep, shadowed, dusty blue — the color of open sky before noon.
- Espresso (#480021): A deep, shadowed, balanced red — the color of late-summer berries.
- Ink (#001B17): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Balance. 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
- Olive Archive color palette (#FFE5F1, #547200, #004740, #42003C, #001D05)
- Onyx Studio color palette (#ECDAD7, #006759, #00344D, #360101, #000E0F)
- Weathered Aubergine color palette (#D7F1F2, #00684A, #450E7D, #410014, #240800)
- Wandering Emerald color palette (#FCE7E1, #2D9933, #006278, #6C0027, #001C14)
- Timeworn Denim Veranda color palette (#FFDCD1, #00908B, #005491, #661900, #002F37)
- Antique Pine color palette (#D5EEE8, #009060, #00504A, #203608, #002113)
- Worn Navy Loft color palette (#FBE4D5, #00747E, #00289F, #3C1900, #001924)
- Moss Quarry color palette (#C1E9EF, #7DAC00, #00938A, #00577F, #001B1E)
Browse the whole catalog at Explore, or see today's palette.