Petrol Market color palette — #FBEFEC · #BC7E82 · #4C70A3 · #514579 · #291819
A conversation between Slate and Charcoal Brown, giving this palette its sense of trust and stability.
The five colors
- Cream (#FBEFEC): bright and airy, almost weightless.
- Dusty Rose (#BC7E82): A luminous, dusty red — the color of late-summer berries.
- Slate (#4C70A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#514579): A full-bodied, balanced violet — the color of wild irises.
- Onyx (#291819): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Petrol Market 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
- Weathered Amber color palette (#F9F0E6, #B18148, #775D96, #66384F, #281810)
- Patina Pewter Market color palette (#FBF2FA, #CA8885, #6A86B9, #755D9D, #393041)
- Wandering Petrol Harbor color palette (#EBF5EA, #41A099, #4D669E, #514066, #241413)
- Washed Aubergine color palette (#ECF9F3, #858B5C, #19767C, #583D7F, #412E35)
- Ancient Stone color palette (#F7F6EB, #A6BF7C, #64A897, #5A6797, #35261D)
- Dusty Boulevard color palette (#F2F3E4, #85A875, #2C8177, #1B526C, #352400)
- Tempered Harbor color palette (#FFEEE5, #C33102, #3045B0, #560779, #230402)
- Aubergine Station color palette (#FDF0DC, #8B6900, #6F2A76, #620929, #140600)
Browse the whole catalog at Explore, or see today's palette.