Petrol Harbor color palette — #EEF8F2 · #7FBACE · #C48779 · #007F9C · #763B18
Built around Cerulean, softened by Bronze — the whole palette hums with trust and stability.
The five colors
- Ivory (#EEF8F2): a clean, paper-quiet neutral.
- Ash (#7FBACE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Dusty Rose (#C48779): A luminous, dusty orange — the color of sun-warmed clay.
- Cerulean (#007F9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#763B18): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Trust, Stability, Optimism, Balance. Tagged 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
- Worn Cobalt color palette (#FAF2FA, #91B2DE, #C48A5A, #3372C2, #524C46)
- Weathered Lagoon color palette (#F2F7ED, #A4B891, #C7809D, #008768, #67423F)
- Timeworn Mallow Lantern color palette (#ECF9F3, #8CCFEE, #D797DA, #3D97BE, #634349)
- Patina Lilac color palette (#E5F5FD, #7CBFD4, #B788C5, #007F99, #312D45)
- Bronze Market color palette (#E7FBF1, #57A3C1, #BD745A, #8D6B20, #31483D)
- Washed Azure Thicket color palette (#DCFEF1, #009EE1, #AF6E00, #00638F, #543200)
- Lapis Quarry color palette (#FFF0F8, #9E96D4, #A18817, #6553B0, #4D4212)
- Muted Lagoon Chapel color palette (#EDF8F1, #EAD3D0, #E1B8B5, #5B9791, #405952)
Browse the whole catalog at Explore, or see today's palette.