Petrol Harbor color palette — #E0F2EE · #6EC1C7 · #008394 · #005A54 · #00242D
A conversation between Cerulean and Mint Leaf, giving this palette its sense of trust and stability.
The five colors
- Cream (#E0F2EE): bright and airy, almost weightless.
- Mint Leaf (#6EC1C7): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#008394): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005A54): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#00242D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: 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
- Weathered Studio color palette (#DFECEB, #62ADCB, #006F99, #004853, #001626)
- Washed Cerulean Orchard color palette (#E1F3F1, #8BD0E6, #0093BF, #006A74, #00324A)
- Antique Cerulean Hollow color palette (#FDF0FC, #99D9DD, #0086B1, #00552C, #000B25)
- Tempered Olive Atelier color palette (#C5E9F7, #0098A4, #7E7800, #005E66, #1E1C00)
- Aged Corridor color palette (#E2F2F8, #00819F, #6840E2, #006A3A, #00151C)
- Aged Amber color palette (#F2D7E0, #B58031, #8A5100, #5F2E00, #1F1400)
- Washed Lagoon color palette (#DFEAE7, #74C1BC, #008589, #005B4C, #002529)
- Tempered Petrol color palette (#DAEAE7, #6CBFD2, #0081A0, #00585C, #002332)
Browse the whole catalog at Explore, or see today's palette.