Petrol Boulevard color palette — #FFF0FE · #E2C3CF · #80A394 · #676F9A · #554B6A
A conversation between Slate and Charcoal Brown, giving this palette its sense of sophistication.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Oat (#E2C3CF): A whisper-light, dusty rose — the color of strawberry cream.
- Eucalyptus (#80A394): A luminous, dusty teal — the color of sea glass.
- Slate (#676F9A): A full-bodied, dusty violet — the color of twilight just after sunset.
- Charcoal Brown (#554B6A): A full-bodied, dusty violet — the color of wild irises.
Feels like: Sophistication. Tagged vintage, retro, 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
- Petrol Study color palette (#F7F2FF, #DCBFD7, #B78D9B, #577A97, #434B6E)
- Driftwood Station color palette (#E4FEE1, #B1D4C4, #78AAAA, #7C759A, #5A4761)
- Weathered Lagoon Garden color palette (#FAF3F6, #D5DDF6, #80A7DC, #008C90, #3A4765)
- Antique Harbor color palette (#EBF9F1, #A3CFC5, #629E7E, #91626E, #244A43)
- Pewter Studio color palette (#F0DAC8, #BCB867, #569776, #844D83, #582A58)
- Garnet Cabin color palette (#E3E8D3, #63AA8D, #377C94, #752B24, #431D00)
- Wandering Stone Alley color palette (#FFF3DE, #C7B78D, #8E8969, #576853, #2F534E)
- Worn Bloom color palette (#DFF1E6, #95AF84, #35908E, #814C63, #5C2702)
Browse the whole catalog at Explore, or see today's palette.