Petrol Harbor color palette — #F7EDDE · #78BCD8 · #006FA6 · #004F53 · #122E52
Peacock takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F7EDDE): A whisper-light, dusty gold — the color of old brass.
- Sky (#78BCD8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006FA6): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#122E52): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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
- Patina Quarry color palette (#EFE5D6, #71A3D3, #224FB0, #003C4C, #181A40)
- Aged Cobalt Terrace color palette (#FCF4E9, #A0CBE8, #467BB5, #005E6B, #4A3046)
- Wandering Azure color palette (#E6F1F0, #A7DCF3, #11B2F2, #008EA2, #00314E)
- Lilac Studio color palette (#D6FEEF, #A3C5FF, #9C8BD0, #006778, #422E43)
- Misty Glacier Harbor color palette (#FEF4E4, #6FE4E2, #008FA0, #006950, #00475B)
- Cerulean Parlor color palette (#CBE4E4, #009BAE, #006A87, #004160, #21204E)
- Cerulean Balcony color palette (#F6E9D4, #25A0B2, #005269, #00302C, #001625)
- Linen Bronze color palette (#C8E6D8, #008AB7, #A44F00, #00506C, #431C00)
Browse the whole catalog at Explore, or see today's palette.