Petrol Quarry color palette — #CBEFF7 · #007C97 · #004A61 · #001D2B · #000103
A conversation between Teal and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#CBEFF7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007C97): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004A61): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001D2B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000103): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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 Cypress color palette (#DCEFE6, #008066, #004E43, #001614, #000201)
- Patina Studio color palette (#D4EAF9, #00759C, #376200, #003042, #000200)
- Antique Cerulean Balcony color palette (#D1E5E4, #008697, #006484, #00466D, #00082A)
- Weathered Workshop color palette (#D2E3F4, #1982D2, #004574, #251C22, #000915)
- Twilit Sapphire color palette (#D3EBFF, #076DC6, #003585, #04004B, #01000A)
- Timeworn Aubergine color palette (#D0EAFF, #005A89, #630097, #003B30, #000103)
- Washed Iris color palette (#DFEFFF, #8FB7F7, #7881C7, #004966, #000105)
- Bronze Quarry color palette (#D8E6DC, #7F7422, #493A00, #1A1000, #010100)
Browse the whole catalog at Explore, or see today's palette.