Petrol Boulevard color palette — #F2F5FB · #B6BAF7 · #AC6479 · #6365A6 · #322B35
A conversation between Slate and Mocha, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#F2F5FB): bright and airy, almost weightless.
- Lavender (#B6BAF7): A luminous, balanced violet — the color of twilight just after sunset.
- Mocha (#AC6479): A full-bodied, balanced red — the color of embers at dusk.
- Slate (#6365A6): A full-bodied, balanced violet — the color of wild irises.
- Onyx (#322B35): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Creativity, Sophistication. Tagged duotone, 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 Harbor color palette (#EDF2F9, #9FC5FF, #B36C6B, #58729C, #1C121C)
- Muted Violet color palette (#F0F6FC, #9EC4EB, #9466B4, #3C71A3, #2D2D37)
- Bronze Station color palette (#F6F4FB, #DBB0D7, #AD6949, #8A5987, #372931)
- Coral Pier color palette (#FAF2F9, #B5D3FF, #D18473, #6B8EC1, #332C29)
- Pewter Loft color palette (#ECF9EE, #B799D1, #A25D80, #555F2B, #484556)
- Worn Chapel color palette (#F2F4FF, #CCACDC, #AC6E9E, #844162, #6C333D)
- Driftwood Pier color palette (#F4F5FB, #DED8DE, #BAA7A2, #8978A4, #51525B)
- Wandering Mallow color palette (#F5F4FF, #E4D4EB, #F2A8F2, #D18198, #4F495C)
Browse the whole catalog at Explore, or see today's palette.