Petrol Boulevard color palette — #FFDAEC · #D1A6A3 · #A88871 · #546C99 · #4E384D

Slate takes the lead with Rosewood Mist close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Shell Pink (#FFDAEC): A whisper-light, dusty rose — the color of pressed rose petals.
• Rosewood Mist (#D1A6A3): A luminous, dusty orange — the color of sun-warmed clay.
• Caramel (#A88871): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#546C99): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#4E384D): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Ancient Ultramarine color palette (#F3DFE5, #D09BAC, #B87B5D, #3B5DB3, #5C2255)
• Weathered Petrol Meadow color palette (#FFF1F1, #DAB8B8, #B9998E, #4B7B98, #69414C)
• Worn Navy Orchard color palette (#F6DAEC, #CEB5C5, #A57F9A, #356F71, #37416A)
• Antique Courtyard color palette (#FFEFFF, #E2C0E1, #A8996F, #5E7686, #20455C)
• Patina Harbor color palette (#FFE1DB, #DDB885, #789D5F, #8F5B84, #61405A)
• Stone Delta color palette (#FFDDD8, #F4B0A0, #BDA080, #768C6C, #294D39)
• Washed Atelier color palette (#E3DBEC, #C0849A, #8F5D2F, #33428B, #1A2245)
• Hushed Pewter color palette (#FBF5E8, #A4BE96, #4B9078, #6F558C, #273C1B)

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