Petrol Harbor color palette — #D0E4E1 · #54C2DE · #0080A4 · #00585F · #002333
Cerulean takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Silver (#D0E4E1): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#54C2DE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0080A4): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00585F): A full-bodied, dusty blue — the color of open sky before noon.
- Midnight (#002333): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Weathered Cobalt color palette (#D0E9E9, #76B6F7, #3C74C4, #005477, #0E1C42)
- Patina Denim color palette (#DEEFE1, #61ABBF, #005F82, #003E3C, #00213B)
- Antique Azure Meadow color palette (#EEE7DC, #90CADB, #009FD5, #007D7A, #00213B)
- Chalky Loft color palette (#FCF1F9, #A9D3E8, #007FCC, #005340, #060133)
- Azure Lagoon color palette (#E6FAF8, #A5E6FF, #27A8DE, #008090, #004468)
- Ancient Seafoam color palette (#E0FDF6, #60E2DB, #00A0A4, #007461, #003A41)
- Muted Turquoise color palette (#EEF8F6, #D0DFF0, #77BECA, #57938D, #405662)
- Powdered Moss color palette (#DCECE3, #968800, #00858B, #5D5400, #002022)
Browse the whole catalog at Explore, or see today's palette.