Petrol Market color palette — #F2F5FD · #DED6EA · #B5BAD8 · #5A63A9 · #374052
Built around Slate, softened by Ash — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#F2F5FD): bright and airy, almost weightless.
- Silver (#DED6EA): A whisper-light, dusty violet — the color of wild irises.
- Ash (#B5BAD8): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#5A63A9): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal (#374052): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Sophistication. Tagged scandi, muted, light.
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
- Ancient Petrol Meadow color palette (#EDF2FA, #DED3E8, #C0BBD2, #5167A8, #1C2535)
- Ancient Cobalt Coast color palette (#FBF2F9, #EAD4D3, #DAB7AD, #6C84C1, #473C45)
- Tempered Nightshade Ridge color palette (#ECEEF5, #C9CBD8, #9E9EB6, #524697, #2A2D37)
- Wandering Mallow color palette (#F3E8FF, #CF9DD0, #A4698A, #7A4D33, #67404E)
- Dusty Mulberry Thicket color palette (#F8F2FF, #DBCCE5, #D292A0, #942672, #372F40)
- Hushed Orchid Alley color palette (#F2F5FF, #C3CFFF, #B18DFF, #B34ACA, #392357)
- Worn Aubergine Basin color palette (#E0DCE7, #AEA5B9, #A06E82, #5C0F55, #15111E)
- Deep Grape color palette (#EDEEFC, #813BC9, #3C174A, #14152E, #0A0510)
Browse the whole catalog at Explore, or see today's palette.