Petrol Harbor color palette — #EEF1E3 · #75A7AB · #3C678B · #5B394B · #522D17
Peacock and Espresso set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#EEF1E3): bright and airy, almost weightless.
- Blue Fog (#75A7AB): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#3C678B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Cocoa (#5B394B): A deep, shadowed, dusty rose — the color of strawberry cream.
- Espresso (#522D17): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol 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
- Softworn Cocoa Ridge color palette (#FBECD8, #8AA779, #36757A, #6F3830, #4F2900)
- Washed Courtyard color palette (#D8E6C9, #5AA19C, #4A6996, #5A3D15, #342F00)
- Wandering Garnet Harbor color palette (#DAEAE4, #61A4AA, #406C83, #621D40, #430807)
- Wandering Market color palette (#B9ECE1, #75B6AE, #607CA1, #694857, #563130)
- Hushed Azure color palette (#F0EAC7, #79C4AD, #549AC7, #976E5A, #582F1A)
- Aged Studio color palette (#E0FBFF, #B2C5D2, #9497A8, #60766F, #33534A)
- Patina Lagoon color palette (#D8E9E3, #5A9C74, #00625E, #3A430A, #003030)
- Navy Chapel color palette (#D0E8D8, #36888D, #3D4580, #2F2B00, #1D1A00)
Browse the whole catalog at Explore, or see today's palette.