Petrol Harbor color palette — #F3F6EE · #B8DED4 · #6997D7 · #0075A2 · #29395E
Slate takes the lead with Cornflower close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F3F6EE): bright and airy, almost weightless.
- Silver (#B8DED4): A whisper-light, dusty teal — the color of glacier melt.
- Cornflower (#6997D7): A luminous, balanced blue — the color of open sky before noon.
- Slate (#0075A2): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#29395E): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Misty Azure Courtyard color palette (#F3F8E6, #8DD5FB, #0096DB, #006F85, #00355C)
- Timeworn Parlor color palette (#F5F6ED, #C1DDC6, #44A4B7, #007C78, #004252)
- Wandering Petrol Archive color palette (#E2E5D6, #70ACBF, #007093, #004951, #001624)
- Wandering Coast color palette (#FBF4EC, #9ED1C3, #5A73BF, #005E6A, #3A3558)
- Muted Powder color palette (#EFF8ED, #C8E4FF, #96AFF4, #4899A7, #323856)
- Soft Olive Pier color palette (#EFF1DB, #86B96B, #00A2DC, #418500, #003B52)
- Hazy Moss Study color palette (#E9E6C9, #7FA43A, #009D9A, #AF6100, #302C05)
- Moss Villa color palette (#F4F9DE, #C5E2CD, #78DFC8, #6C923E, #3A3C35)
Browse the whole catalog at Explore, or see today's palette.