Petrol Harbor color palette — #FFF2EC · #52CADE · #0078A1 · #005746 · #003264
A conversation between Cerulean and Aqua, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Aqua (#52CADE): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0078A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005746): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#003264): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Muted Aqua color palette (#DBF9F4, #50CFE3, #007F98, #005152, #001E29)
- Gentle Corridor color palette (#FEF3E8, #7DC1EA, #0066E0, #005559, #2A2967)
- Washed Glacier color palette (#F5F7E8, #49E1F9, #009CBB, #007274, #00394B)
- Tempered Denim color palette (#EBE1DB, #54ADC2, #005E88, #003F36, #031D46)
- Wandering Archive color palette (#E7FCEB, #9DE8F5, #00BCEC, #00998D, #003754)
- Washed Harbor color palette (#FAF4EF, #C4E5D5, #598FC1, #14706C, #573F52)
- Dusty Navy color palette (#E6DDD6, #4689A9, #003C73, #002222, #040228)
- Faded Magenta Garden color palette (#F5E1F1, #D12CC2, #00651D, #006054, #3C0C38)
Browse the whole catalog at Explore, or see today's palette.