Petrol Boulevard color palette — #EFF6FA · #D6DBE6 · #BAC0D4 · #33808E · #3E4A4F

Slate takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF6FA): a clean, paper-quiet neutral.
• Silver (#D6DBE6): bright and airy, almost weightless.
• Ash (#BAC0D4): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#33808E): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3E4A4F): 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

• Antique Meadow color palette (#EAF4F7, #D4D9E6, #BCBCCF, #527C8A, #252E31)
• Sapphire Harbor color palette (#F2F5FB, #DCD7EC, #B3BBD8, #3F63C2, #38404E)
• Patina Meadow color palette (#DAE2E7, #99ACBB, #6283A1, #003E4F, #041620)
• Ancient Denim Hollow color palette (#EFF6FC, #C0D5EA, #8EA9CA, #006288, #1E3646)
• Ancient Pine color palette (#EBF9F6, #94BB96, #46825D, #326267, #2D4845)
• Weathered Driftwood Parlor color palette (#EEF6FF, #A5B6D7, #8885AE, #705F7B, #5F4A62)
• Frosted Aqua color palette (#ECF7FF, #AEF1FF, #53D0FF, #548BCB, #26455B)
• Timeworn Aubergine color palette (#E3E5EF, #B7B7C6, #8E8AA5, #512889, #1C1D30)

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