Petrol Boulevard color palette — #F5F0F5 · #DED4D6 · #D0B6B8 · #5D759F · #302A2F
Slate takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F5F0F5): a clean, paper-quiet neutral.
- Silver (#DED4D6): bright and airy, almost weightless.
- Rosewood Mist (#D0B6B8): A luminous, dusty red — the color of late-summer berries.
- Slate (#5D759F): A full-bodied, dusty violet — the color of wild irises.
- Onyx (#302A2F): a grounded near-black with real depth.
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
- Muted Petrol color palette (#F0F6FC, #DCD9E3, #C4BCC8, #5A7797, #414951)
- Tempered Terrace color palette (#F8EFF0, #DDD4CE, #D1ADA8, #855076, #291D1D)
- Chestnut Atelier color palette (#F7DEE7, #D0A6B0, #9E6E8E, #814820, #3B3530)
- Hushed Indigo Drift color palette (#EEDFE7, #6F62CD, #472434, #1F1119, #0A0408)
- Hushed Corridor color palette (#F4F2E9, #B8B590, #598249, #455C45, #2A2811)
- Washed Canyon color palette (#E9DDE1, #9B878C, #7F5E7E, #390B5B, #040001)
- Hushed Boulevard color palette (#FFEBF8, #CEE0FF, #B6BCFF, #A487D1, #311427)
- Lapis Thicket color palette (#F9EEF4, #E8CAD8, #C89DAD, #503FC4, #271120)
Browse the whole catalog at Explore, or see today's palette.