Petrol Harbor color palette — #E7FAF7 · #67C6E3 · #00799D · #00555C · #003751
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#E7FAF7): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#67C6E3): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#00799D): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00555C): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Teal (#003751): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Worn Aqua color palette (#FDECF6, #37CFF1, #007AB1, #005348, #001544)
- Weathered Sapphire color palette (#E3FBFA, #84BDF1, #006BD0, #005170, #142F67)
- Lagoon Thicket color palette (#E8FAF5, #88E0DB, #009196, #006858, #004951)
- Timeworn Denim Terrace color palette (#D5E6E4, #56ABCA, #005F83, #003D46, #002237)
- Chalky Azure Market color palette (#FFF2EB, #5ADEFE, #0096D8, #007466, #0A2F6B)
- Dusty Station color palette (#E0F3F2, #5886A8, #003E6E, #00202D, #00081E)
- Softworn Nightshade Veranda color palette (#DAE4FF, #736AFF, #008274, #4600D2, #003630)
- Periwinkle Station color palette (#FFF0FA, #96E8FF, #53B2FF, #009B79, #232770)
Browse the whole catalog at Explore, or see today's palette.