Petrol Boulevard color palette — #ECF3F7 · #D4D7DF · #B8BCCF · #477D91 · #262D32

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

The five colors

• Ivory (#ECF3F7): a clean, paper-quiet neutral.
• Silver (#D4D7DF): bright and airy, almost weightless.
• Ash (#B8BCCF): A luminous, dusty violet — the color of a velvet chair.
• Slate (#477D91): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#262D32): 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 Studio color palette (#F0F7F2, #D0DEDF, #D3BDC0, #427E8C, #434A45)
• Wandering Pewter color palette (#F0F1F8, #DBD3DE, #B7B4C8, #6C598E, #1F2028)
• Abyss Parlor color palette (#E2EAF0, #92A2B1, #657E9D, #003B55, #00050B)
• Lagoon Villa color palette (#E6F6F4, #86BFBE, #36866A, #335C64, #0A2D2D)
• Muted Field color palette (#EAF3FF, #A8B9DD, #8D7EAF, #66566D, #40313F)
• Iris Alley color palette (#E7F4FF, #9FE7FF, #7CC7FF, #668EE4, #0D2339)
• Wandering Delta color palette (#DFF7F8, #5CA4D7, #4067B8, #613458, #142434)
• Hushed Aubergine Bloom color palette (#E4E4F0, #B3B1C2, #9286AA, #5D207D, #0A0915)

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