Petrol Quarry color palette — #F0F6FE · #DDD6E3 · #B7AFC3 · #476398 · #333B47
Slate and Ash set the tone — five colors that lean into sophistication.
The five colors
- Ivory (#F0F6FE): bright and airy, almost weightless.
- Silver (#DDD6E3): a clean, paper-quiet neutral.
- Ash (#B7AFC3): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#476398): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal (#333B47): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Petrol Quarry 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 Cornflower Chapel color palette (#F2F5FB, #DBD7E2, #C5BAC9, #617AD0, #333B4A)
- Denim Quarry color palette (#F6EFF5, #DDD3D3, #C9AFB7, #4E609F, #291B26)
- Washed Field color palette (#F7F3FD, #E9D3DA, #D1B2C0, #944E80, #443B50)
- Hushed Summit color palette (#C0E6FF, #99A5C5, #7E718F, #2D6256, #064951)
- Aged Mulberry Lantern color palette (#F1ECF5, #D4C8D1, #B099A1, #7E3A5C, #322A38)
- Dusty Navy Parlor color palette (#E9EFFC, #B8B7C4, #9688A1, #313B85, #181F2D)
- Muted Onyx color palette (#E0DEE5, #A096A2, #846678, #4A004A, #0B0614)
- Forest Canyon color palette (#ECF9EC, #9AA06A, #3E7046, #5E3E59, #1C3D31)
Browse the whole catalog at Explore, or see today's palette.