Petrol Quarry color palette — #ECF1E0 · #82B9DA · #176EA5 · #004D60 · #0A2F53
Peacock and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#ECF1E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#82B9DA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#176EA5): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004D60): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#0A2F53): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Weathered Lagoon color palette (#EFF0E3, #7CBFBD, #00777D, #005146, #00353C)
- Ancient Cobalt Dune color palette (#E6F2E8, #A7C9E3, #538AC2, #006A77, #182B58)
- Worn Glacier Field color palette (#F5F7E5, #71E2ED, #008FA3, #006763, #004858)
- Cerulean Harbor color palette (#EFF2E2, #119FBF, #00516B, #002F34, #001624)
- Airy Villa color palette (#F4EDE7, #B5DECD, #74A2FE, #009289, #30205B)
- Hazy Lagoon Thicket color palette (#D8F5E2, #00A074, #006C57, #00483E, #003330)
- Antique Ultramarine color palette (#BFECE8, #007C77, #005BB8, #415600, #002524)
- Ancient Workshop color palette (#F4F6EE, #BFECF0, #73A599, #4E7966, #5E4C5D)
Browse the whole catalog at Explore, or see today's palette.