Petrol Quarry color palette — #EEF0E3 · #80BDC5 · #008397 · #005957 · #00242E
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Cream (#EEF0E3): a clean, paper-quiet neutral.
- Ash (#80BDC5): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#008397): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005957): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#00242E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, 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
- Worn Cobalt Corridor color palette (#E6EADB, #91BCAC, #0079C3, #00566D, #001F42)
- Washed Glacier color palette (#E3FBF7, #6FDFED, #00899F, #005150, #000F16)
- Hushed Cerulean Balcony color palette (#EEEFE7, #97CEE2, #0092C4, #006A77, #00314C)
- Wandering Denim Parlor color palette (#EBDCD5, #60ACB6, #00607E, #004030, #00203D)
- Wandering Basin color palette (#F5F6ED, #ACE6F2, #18ACCF, #008285, #00465E)
- Quiet Olive color palette (#E3F6E7, #0098A7, #7A7A00, #005E68, #1C1C00)
- Weathered Canyon color palette (#DFE0D0, #7B9C7E, #00646F, #003C37, #000C10)
- Patina Boulevard color palette (#C7ECFB, #00A4CA, #006B87, #003D4E, #000D13)
Browse the whole catalog at Explore, or see today's palette.