Petrol Harbor color palette — #EFF7F5 · #EBD8DC · #CAB5C1 · #0070AF · #2C463E
A conversation between Slate and Forest, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF7F5): bright and airy, almost weightless.
- Silver (#EBD8DC): A whisper-light, dusty red — the color of late-summer berries.
- Rosewood Mist (#CAB5C1): A luminous, dusty pink — the color of neon signs at night.
- Slate (#0070AF): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#2C463E): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Weathered Delta color palette (#E9F5F0, #E7D6D8, #D6B5BE, #0073A6, #122A23)
- Antique Cobalt color palette (#F0F6FB, #DCD8E9, #CBB9D0, #0090CE, #2E4252)
- Patina Indigo color palette (#FBF2F6, #E5D5D3, #CEB5B7, #6C5DA5, #4C3A43)
- Muted Cypress color palette (#F1F7F1, #CADFDD, #A8C3B8, #007A7B, #354435)
- Denim Atelier color palette (#F3ECF3, #D4C8D0, #B497A4, #1A5498, #362837)
- Timeworn Driftwood Pier color palette (#FCF2F4, #E0D8D4, #AAAEA3, #937699, #5A4F51)
- Olive Station color palette (#FFF4E1, #AAA760, #5A7500, #0C5972, #3D3A34)
- Patina Fern Dune color palette (#E7F0FF, #A6A0D2, #907496, #74551E, #4D4F09)
Browse the whole catalog at Explore, or see today's palette.