Petrol Quarry color palette — #D4E4E2 · #7ABCD3 · #007FA9 · #005862 · #002236
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Silver (#D4E4E2): a clean, paper-quiet neutral.
- Cyan (#7ABCD3): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#007FA9): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005862): A full-bodied, dusty blue — the color of deep harbor water.
- Midnight (#002236): 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
- Faded Villa color palette (#E0EFEE, #76A7D1, #0065BE, #004660, #000D3C)
- Airy Cornflower color palette (#E1F3F2, #A0CAE9, #008AE5, #006785, #182E4C)
- Pale Cobalt color palette (#FDF1F8, #97D7ED, #2D7DC8, #005343, #090033)
- Denim Grove color palette (#D6E5E3, #569EB2, #00617D, #003B40, #000B13)
- Periwinkle Orchard color palette (#EDF8F7, #D2DCFB, #61ADE5, #39859C, #344A60)
- Cerulean Pier color palette (#E4FBF6, #76DFDE, #009FA9, #007466, #003A43)
- Amethyst Workshop color palette (#E5E0FA, #8540F0, #BF0062, #006180, #15092B)
- Aged Grape color palette (#E1EAFF, #7673ED, #00877B, #491FD0, #00201D)
Browse the whole catalog at Explore, or see today's palette.