Petrol Quarry color palette — #EDF4EE · #D1DEF3 · #7CA2BB · #3F7480 · #293846
A conversation between Teal and Blue Fog, giving this palette its sense of sophistication.
The five colors
- Cream (#EDF4EE): bright and airy, almost weightless.
- Powder Blue (#D1DEF3): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#7CA2BB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#3F7480): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Teal (#293846): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: 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
- Tempered Orchard color palette (#E5F2E7, #3DADC0, #00617D, #003A35, #000C18)
- Hushed Cypress Archive color palette (#FBF3EF, #CCE6E3, #78A494, #447A6F, #604A5F)
- Navy Workshop color palette (#DDEEE0, #3C829E, #003F63, #001F21, #000106)
- Antique Stone color palette (#F6EEFE, #ECD2DC, #DFB4B7, #8E88A5, #3D3442)
- Blush Harbor color palette (#F6EEFF, #CB81A9, #939151, #478199, #2C2333)
- Patina Powder Drift color palette (#F5F6EE, #C7E7E4, #84BAD0, #6E9074, #305346)
- Soft Sapphire color palette (#E2ECE4, #8FB8E1, #3C65C1, #00485C, #100F36)
- Mallow Chapel color palette (#F5EFFE, #E198C9, #67AD91, #955B82, #10383A)
Browse the whole catalog at Explore, or see today's palette.