Petrol Harbor color palette — #EDF3F7 · #D7D6DD · #C0B9C6 · #417BA3 · #232D36

Built around Slate, softened by Onyx — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF3F7): bright and airy, almost weightless.
• Silver (#D7D6DD): bright and airy, almost weightless.
• Ash (#C0B9C6): soft and architectural.
• Slate (#417BA3): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#232D36): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Wandering Harbor color palette (#F1F6FB, #DADAE4, #C0BECE, #4B78A1, #43484E)
• Wandering Indigo color palette (#EFF1FA, #DED2DF, #C8B8D4, #7255B6, #202336)
• Ancient Courtyard color palette (#D4F2FF, #9EB2C9, #8285A0, #676031, #003D3C)
• Antique Navy Chapel color palette (#E3EAF2, #9AA0AD, #78779C, #003765, #00040E)
• Periwinkle Chapel color palette (#EFF7F5, #DED4D3, #C2BEB0, #64A4DB, #36423F)
• Olive Pier color palette (#FDEDF2, #9EBCA8, #6F7C45, #455478, #162D1F)
• Ancient Canyon color palette (#DEF9F0, #5DA7C6, #6560A8, #464B00, #102438)
• Washed Aubergine Harbor color palette (#DFDDE8, #B8AFBD, #9D8499, #691B6A, #0C0815)

Browse the whole catalog at Explore, or see today's palette.