Petrol Boulevard color palette — #FAF2F8 · #E6D5D3 · #C5ADAC · #506292 · #423640

Built around Slate, softened by Rosewood Mist — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Bone (#E6D5D3): bright and airy, almost weightless.
• Rosewood Mist (#C5ADAC): A luminous, dusty orange — the color of autumn markets.
• Slate (#506292): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#423640): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, 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

• Washed Indigo Dune color palette (#F9F3F7, #E1D6D6, #D5B8B1, #6C78CB, #43363F)
• Mulberry Workshop color palette (#FFF1F1, #E5D8C7, #CCB8A6, #945077, #503939)
• Aged Ultramarine color palette (#EFF2F8, #D9D3DE, #B6B5C8, #5159B3, #1B202C)
• Tempered Mulberry color palette (#F8EBEA, #DAC8BF, #B09D86, #853457, #3D2725)
• Softworn Navy Grove color palette (#E7DAE2, #C9B2B7, #A38683, #3A358B, #2A1924)
• Aged Abyss color palette (#CBECD5, #B498AB, #906D6D, #455F45, #314A31)
• Ancient Cypress Corridor color palette (#FFF3E2, #A39C73, #3B704E, #653F42, #37362F)
• Twilit Loft color palette (#EAD9DF, #7249A9, #3C1A1A, #200C15, #090304)

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