Petrol Quarry color palette — #F1F7F2 · #A9CAAF · #A16986 · #007C85 · #3C2827
Teal and Mocha set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Pistachio (#A9CAAF): A luminous, dusty teal — the color of shallow lagoons.
- Mocha (#A16986): A full-bodied, balanced rose — the color of strawberry cream.
- Teal (#007C85): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#3C2827): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, 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
- Pine Quarry color palette (#F4F6EF, #B8C79D, #8572A7, #008253, #38292F)
- Worn Petrol Thicket color palette (#F8F3F8, #A7C2E8, #AC6570, #3D6EAF, #3B2924)
- Hushed Violet Summit color palette (#EDF3F7, #8ECDEB, #956DBF, #007DA4, #15151E)
- Lilac Harbor color palette (#F0F7F4, #9EDBF8, #9A90D9, #4197BC, #362A30)
- Dusty Forest Workshop color palette (#F5F7E7, #90B292, #6873A9, #346730, #364E43)
- Worn Aubergine color palette (#DFFFE5, #98C5E4, #6E7BB6, #75478F, #6F2C5B)
- Weathered Iris Orchard color palette (#FAF2F9, #758BC3, #795E94, #5F4B00, #263B36)
- Navy Hollow color palette (#EEDFE8, #595EB1, #482C00, #1F0074, #030100)
Browse the whole catalog at Explore, or see today's palette.