Petrol Boulevard color palette — #ECF5EC · #BE9450 · #3776AB · #6D3A48 · #321E38
A conversation between Slate and Mustard, giving this palette its sense of trust and stability.
The five colors
- Cream (#ECF5EC): bright and airy, almost weightless.
- Mustard (#BE9450): A luminous, balanced gold — the color of afternoon light on wheat.
- Slate (#3776AB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#6D3A48): A full-bodied, dusty red — the color of a theater curtain.
- Deep Indigo (#321E38): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
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
- Dusty Coral Veranda color palette (#F8EEF5, #D08673, #128185, #6C3858, #2E1F3D)
- Washed Taupe color palette (#E9F5EF, #A4A057, #5471A6, #703E0C, #162E16)
- Moss Chapel color palette (#EBF9F5, #82A651, #157D92, #5B4B71, #52394D)
- Muted Lime Chapel color palette (#F8F6E6, #A7BC60, #9581B3, #795C85, #5B3738)
- Tempered Ash color palette (#E2F9E7, #ABCEC7, #7FA0AB, #716576, #483A4C)
- Ancient Ultramarine color palette (#E1F9EA, #998200, #3344D0, #6F0401, #350100)
- Softworn Lagoon color palette (#EEF4EE, #A4CEBD, #619067, #556755, #25352F)
- Periwinkle Station color palette (#F7EFF3, #D8D1E5, #7C9DD3, #287A70, #2F354C)
Browse the whole catalog at Explore, or see today's palette.