Petrol Harbor color palette — #E7F4FF · #75AAD5 · #B48249 · #1B6AA0 · #3A2100
Peacock takes the lead with Caramel close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#E7F4FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#75AAD5): A luminous, balanced blue — the color of deep harbor water.
- Caramel (#B48249): A luminous, balanced gold — the color of old brass.
- Peacock (#1B6AA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#3A2100): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Balance. Tagged 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
- Petrol Alley color palette (#EDF6FF, #73A5D1, #B77C20, #006AAB, #583C13)
- Muted Amber Balcony color palette (#E2F6FB, #51B7AF, #C77267, #00746E, #421914)
- Hushed Cobalt color palette (#EDF1FF, #B1ADDC, #B19A5D, #6F67A9, #1E3826)
- Wandering Cobalt color palette (#E6FAF5, #91BCE9, #D89355, #0083DF, #613605)
- Sunlit Azure color palette (#E8F3FF, #5492CF, #A37629, #6D6A18, #0B1F33)
- Sunlit Cornflower color palette (#DFEDFF, #1085F4, #7D7400, #004B91, #191700)
- Cerulean Grove color palette (#E3FBF4, #B0D9FF, #E6AE72, #4F8FC6, #4D3211)
- Wandering Cocoa color palette (#E6F7ED, #8AB6AB, #7D7747, #65441E, #092828)
Browse the whole catalog at Explore, or see today's palette.