Petrol Harbor color palette — #CBF0F6 · #007788 · #004F61 · #002A39 · #00101B
Teal takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#CBF0F6): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#007788): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#004F61): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#002A39): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00101B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Timeworn Teal color palette (#D9EFEC, #00A8B0, #006F89, #003857, #00102F)
- Tempered Ridge color palette (#D6EBDF, #007B59, #005243, #002F28, #000D0C)
- Washed Fern color palette (#DAEEFB, #007699, #426400, #003C50, #040A00)
- Lagoon Villa color palette (#DEF3EF, #008C92, #005467, #003047, #1D0E44)
- Weathered Cobalt Station color palette (#D2E9FD, #0089D1, #004872, #001B2F, #000205)
- Timeworn Iris color palette (#D3E9FC, #7FB6FA, #6C83DD, #00516D, #001024)
- Cobalt Archive color palette (#DBF0FF, #0073BA, #004C8D, #00255D, #02003A)
- Gentle Loft color palette (#DDECF4, #006085, #5E22A1, #004734, #000408)
Browse the whole catalog at Explore, or see today's palette.