Petrol Boulevard color palette — #F6EFF6 · #E8D0CF · #CCAFB1 · #466693 · #251D25

Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F6EFF6): bright and airy, almost weightless.
• Bone (#E8D0CF): A whisper-light, dusty orange — the color of autumn markets.
• Rosewood Mist (#CCAFB1): A luminous, dusty red — the color of a theater curtain.
• Slate (#466693): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#251D25): 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 Dune color palette (#FAF3F8, #E3D5D6, #C1ADB6, #536191, #433640)
• Weathered Aubergine color palette (#FCEDF3, #EACBCB, #C5A297, #6A4596, #27121B)
• Tempered Cerulean color palette (#F1F5FD, #DCD8E2, #C1AEB7, #7789B5, #2A2F36)
• Timeworn Navy Archive color palette (#EFE3ED, #C3ACB4, #A48484, #2F4075, #10070E)
• Worn Taupe Drift color palette (#FAF0E5, #A1A660, #447148, #613940, #221C02)
• Weathered Fern Field color palette (#DAEEFF, #A294D2, #925D67, #455001, #2A300E)
• Patina Ridge color palette (#EBECC6, #0094D4, #763F8F, #214302, #231020)
• Patina Cobalt Bloom color palette (#F7E8F8, #007DDD, #764A00, #1E3D00, #091900)

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