Petrol Harbor color palette — #FFEEE5 · #77CCCC · #007F97 · #005534 · #001C2E
Cerulean takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFEEE5): A whisper-light, dusty orange — the color of sun-warmed clay.
- Aqua (#77CCCC): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#007F97): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#005534): A deep, shadowed, balanced teal — the color of glacier melt.
- Midnight (#001C2E): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, 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
- Cobalt Alley color palette (#FEEEE4, #5CCBF1, #0077BD, #00524D, #061149)
- Timeworn Aqua color palette (#F6F6E8, #00D1D3, #007D86, #00574D, #003A43)
- Washed Denim color palette (#F3E6DF, #53ACB3, #00627C, #003B29, #000C19)
- Chalky Cerulean color palette (#FFF0FA, #6DE0E1, #009CBA, #00764C, #003754)
- Wandering Turquoise Basin color palette (#E6FAF6, #C6DBFC, #00AEBC, #007368, #002A32)
- Abyss Studio color palette (#EADCD5, #3A8397, #004061, #00201B, #000108)
- Hushed Loft color palette (#F1E3C0, #A68000, #0078B7, #5F4900, #001829)
- Grape Villa color palette (#F3E7D8, #9A6500, #0068AC, #6614B9, #170B00)
Browse the whole catalog at Explore, or see today's palette.