Petrol Quarry color palette — #D2E3E0 · #76C0C2 · #008490 · #005A52 · #00242C
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Silver (#D2E3E0): bright and airy, almost weightless.
- Mint Leaf (#76C0C2): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#008490): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005A52): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#00242C): 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
- Hushed Petrol color palette (#E2F4F2, #55AFCA, #007093, #004950, #001624)
- Hushed Balcony color palette (#E5F2F0, #8BD1E3, #0094BA, #006B71, #003347)
- Muted Lagoon Hollow color palette (#F6F6EB, #95DADB, #008A96, #00524A, #000F14)
- Timeworn Cobalt color palette (#D7E6E5, #8AB6DF, #3475C4, #005475, #091C45)
- Misty Thicket color palette (#CDEBE9, #90D0B8, #00B9AF, #2F7424, #00301D)
- Frosted Hollow color palette (#D7E6DA, #008C48, #00758D, #6F5300, #001707)
- Powdered Jade color palette (#C7E9D4, #2CB174, #007245, #004025, #000F05)
- Emerald Market color palette (#DDF1EE, #369F37, #007CBA, #0B6511, #001D30)
Browse the whole catalog at Explore, or see today's palette.