Petrol Quarry color palette — #F3E4EC · #91B9D4 · #3C6BAE · #004C43 · #150D35
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F3E4EC): a clean, paper-quiet neutral.
- Ash (#91B9D4): A luminous, dusty blue — the color of open sky before noon.
- Slate (#3C6BAE): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C43): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#150D35): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Antique Cobalt Corridor color palette (#F8EFF2, #ADCCE6, #677AAD, #005B59, #24173E)
- Muted Petrol color palette (#E6F2E9, #96B6CC, #0E6DA9, #004F55, #0C2C5C)
- Patina Courtyard color palette (#F4E7F6, #64ABA7, #006278, #033D08, #000B1B)
- Wandering Ash Lagoon color palette (#CDECFF, #B6C0EA, #C489BA, #00675D, #001B39)
- Forest Ridge color palette (#F9EDFA, #8EE0E3, #0090BA, #006730, #06244A)
- Muted Azure Harbor color palette (#FAF4EC, #C3F2DC, #3899DE, #006971, #001B49)
- Timeworn Petrol color palette (#D9E8F3, #0074A2, #874F00, #544700, #000C16)
- Faded Canyon color palette (#CFE8E1, #00979B, #006786, #003060, #0B0B3F)
Browse the whole catalog at Explore, or see today's palette.