Petrol Quarry color palette — #F0F7F3 · #A4CBB7 · #A4697B · #00789A · #3C2825
Teal takes the lead with Mocha close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F0F7F3): a clean, paper-quiet neutral.
- Pistachio (#A4CBB7): A luminous, dusty teal — the color of sea glass.
- Mocha (#A4697B): A full-bodied, dusty red — the color of late-summer berries.
- Teal (#00789A): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#3C2825): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Trust, Stability, Sophistication. Tagged duotone, 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
- Softworn Driftwood color palette (#F3F6F1, #91CFBF, #8F6CAB, #007F6C, #3A282E)
- Muted Petrol color palette (#F8F3F8, #A4C3E9, #AB6B49, #386FAE, #332C28)
- Ancient Iris color palette (#EDF2F8, #9DC8F3, #9670B1, #3E75AA, #151420)
- Cobalt Study color palette (#EFF7F5, #ADD6FF, #BE83C0, #5291CD, #3A282B)
- Forest Hollow color palette (#F2F8E6, #79B1C5, #7D6CA2, #216945, #514252)
- Worn Mulberry Study color palette (#DBFFEC, #A3BAE3, #8476AB, #7D3F78, #752B3A)
- Hushed Fern color palette (#FEF1F8, #7B78AC, #83527C, #575600, #41303C)
- Worn Corridor color palette (#FCF2F7, #AFA5DE, #94641C, #644CA7, #2D2214)
Browse the whole catalog at Explore, or see today's palette.