Petrol Market color palette — #FCF1FA · #D7C28F · #5C709F · #314167 · #2A1C28
A conversation between Slate and Sand, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FCF1FA): bright and airy, almost weightless.
- Sand (#D7C28F): A luminous, dusty gold — the color of old brass.
- Slate (#5C709F): A full-bodied, dusty violet — the color of a velvet chair.
- Navy (#314167): A deep, shadowed, dusty violet — the color of a velvet chair.
- Onyx (#2A1C28): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Optimism, Creativity, Sophistication. Tagged luxury, dark, 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
- Muted Driftwood color palette (#FAF3F7, #D2D5AA, #7879A2, #624155, #33272E)
- Worn Parlor color palette (#EFF6FF, #FDE3A0, #5F75A7, #2A394F, #08101B)
- Denim Quarry color palette (#F0F6FF, #C6AB72, #374D8B, #1E2C51, #1D1B29)
- Grape Workshop color palette (#FFF1F6, #6AD3A4, #7854A3, #48256C, #2D0E1C)
- Ancient Aubergine Atelier color palette (#EED7DD, #5DB999, #6C407E, #3F0951, #19030A)
- Frosted Cornflower Thicket color palette (#FAF2FA, #A4C6F9, #D26D66, #407EDD, #301F18)
- Driftwood Workshop color palette (#F3F8E5, #91B4E0, #A671A0, #00736E, #4E3344)
- Powdered Lapis color palette (#F5DCEC, #A1B747, #4C41C3, #261972, #0B092C)
Browse the whole catalog at Explore, or see today's palette.