Petrol Harbor color palette — #EEF6FF · #72A4D8 · #A98400 · #0067B4 · #284B33
Cobalt takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Cornflower (#72A4D8): A luminous, balanced blue — the color of open sky before noon.
- Mustard (#A98400): A luminous, balanced gold — the color of honey in a jar.
- Cobalt (#0067B4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#284B33): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged 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
- Lapis Canyon color palette (#F1F5FF, #9897DC, #C48014, #584EAC, #314A2F)
- Amber Coast color palette (#EDF7FF, #5AA8DC, #CC6C20, #006CA1, #593548)
- Ancient Boulevard color palette (#F0F5FF, #A2ADDD, #74A968, #626DAB, #2B5650)
- Powdered Petrol color palette (#FEEBFF, #6EA7EB, #4CA171, #2B66A7, #013019)
- Patina Harbor color palette (#EFF6FF, #518AD4, #AA6B00, #78690F, #28394E)
- Pale Blush Lantern color palette (#EFF6FF, #91B7FF, #E381A5, #5A7FC6, #5C3442)
- Chalky Villa color palette (#F3F4FF, #B586FC, #009754, #631DA8, #004725)
- Chalky Mustard color palette (#FEF0FE, #AACEFF, #E8B26E, #72A1DF, #593C13)
Browse the whole catalog at Explore, or see today's palette.