Petrol Harbor color palette — #F2E7EF · #6AADB5 · #0080A6 · #005F49 · #000A18
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Blush (#F2E7EF): bright and airy, almost weightless.
- Cyan (#6AADB5): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#0080A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005F49): A full-bodied, balanced teal — the color of sea glass.
- Ink (#000A18): 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
- Chalky Balcony color palette (#EBDDE7, #56C1D5, #008EC2, #006F5C, #00132F)
- Softworn Sapphire Courtyard color palette (#ECDAE2, #74A8C5, #0071DE, #005D5F, #06002A)
- Dusty Denim color palette (#DFE1D2, #55A0A9, #006374, #003B3A, #000B11)
- Lagoon Terrace color palette (#EDE7DD, #298791, #004353, #00201B, #000103)
- Timeworn Peony Quarry color palette (#E3EEFF, #B997E7, #D76F9E, #006D9F, #0D0226)
- Misty Ultramarine Atelier color palette (#D6E5ED, #0081C2, #0056CB, #331EA0, #110024)
- Periwinkle Cabin color palette (#F7EAF1, #99DEFC, #4DAAFE, #00918D, #202A53)
- Sunlit Boulevard color palette (#E1ECFE, #4877E3, #7D7300, #0132DF, #070600)
Browse the whole catalog at Explore, or see today's palette.