Petrol Boulevard color palette — #F0F7F2 · #D0DFE2 · #D0BEBF · #37808C · #404B43

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#D0DFE2): bright and airy, almost weightless.
• Stone (#D0BEBF): A luminous, dusty red — the color of embers at dusk.
• Slate (#37808C): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#404B43): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Petrol Boulevard 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

• Petrol Quarry color palette (#ECF3F7, #D3D6DE, #B8BBCB, #3C7F94, #252D32)
• Washed Pewter Chapel color palette (#F9F3F9, #E7D8D7, #CBBDB7, #866986, #4C454C)
• Antique Denim Boulevard color palette (#EEF8F3, #E6C8E0, #C499A8, #006384, #263730)
• Timeworn Pier color palette (#FBF5E6, #99BB8E, #32846E, #466056, #454600)
• Tempered Turquoise color palette (#EFF6FA, #D8DAE1, #BEB1BE, #3DBED7, #3C4A51)
• Muted Basin color palette (#D8E1DC, #B9A0B8, #917682, #003E4D, #07180F)
• Softworn Terrace color palette (#D1ECE3, #0078B7, #412A36, #14221E, #060E0D)
• Navy Garden color palette (#E7DBE0, #CEB0B3, #A4867E, #4A3773, #291A21)

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