Petrol Harbor color palette — #F1F7F0 · #D8A45B · #0078A6 · #815500 · #172631
Built around Cerulean, softened by Camel — the whole palette hums with trust and stability.
The five colors
- Ivory (#F1F7F0): a clean, paper-quiet neutral.
- Camel (#D8A45B): A luminous, balanced gold — the color of old brass.
- Cerulean (#0078A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Coffee (#815500): A full-bodied, balanced gold — the color of honey in a jar.
- Midnight (#172631): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, Balance. Tagged duotone, 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
- Aged Terracotta Terrace color palette (#FCF2F8, #DC9D84, #008170, #96441F, #15272A)
- Softworn Cerulean Meadow color palette (#F0F7F4, #C2C495, #2B86B5, #707226, #233039)
- Pale Mustard color palette (#F5F2E7, #C2B64E, #008877, #706600, #091105)
- Moss Terrace color palette (#E5F7ED, #9D9100, #005E74, #4F4800, #00151C)
- Muted Parlor color palette (#EBF9F1, #D1C771, #03A691, #8B8338, #14282A)
- Soft Ultramarine Villa color palette (#EEF8EF, #AB8035, #315EB6, #752E2D, #552927)
- Washed Studio color palette (#FFF0FE, #9F9B50, #007B6E, #6B3A5D, #25443E)
- Pine Pier color palette (#FFEBD1, #A4AF6D, #398B3D, #005E5A, #004055)
Browse the whole catalog at Explore, or see today's palette.