Petrol Quarry color palette — #F0F7F3 · #86CCE6 · #A46789 · #007997 · #3B2828
A conversation between Teal and Mocha, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F7F3): a clean, paper-quiet neutral.
- Sky (#86CCE6): A luminous, dusty blue — the color of deep harbor water.
- Mocha (#A46789): A full-bodied, balanced rose — the color of pressed rose petals.
- Teal (#007997): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#3B2828): A deep, shadowed, dusty red — the color of a theater curtain.
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
- Worn Canyon color palette (#FAF3F8, #B0BDF1, #AA6865, #5C69A1, #332C29)
- Aged Orchard color palette (#EDF2F8, #A5C7E8, #9A729F, #2A77B0, #161322)
- Washed Market color palette (#F3F7EF, #B4C8A0, #926D9E, #2B7D64, #3A282C)
- Weathered Pier color palette (#EFF7F5, #ADD6FB, #A88EC5, #4B92CC, #39282E)
- Tempered Pewter Corridor color palette (#F5F7E4, #7AB0CB, #836B99, #46623E, #534152)
- Weathered Garnet color palette (#E5F9FF, #A0C3EB, #887EB7, #754A70, #71293E)
- Forest Chapel color palette (#EFF8F1, #5EA5AE, #975E64, #0F6153, #334A2A)
- Wandering Periwinkle Villa color palette (#E3FCF5, #42A7FF, #A93153, #005896, #30130D)
Browse the whole catalog at Explore, or see today's palette.