Petrol Quarry color palette — #E3F2F0 · #8FB8CF · #027299 · #004E58 · #00314C
Built around Peacock, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Cream (#E3F2F0): a clean, paper-quiet neutral.
- Ash (#8FB8CF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#027299): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004E58): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Teal (#00314C): 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
- Softworn Petrol Grove color palette (#F1E5EC, #8EBAD3, #0071B0, #004C46, #030D41)
- Patina Cobalt Archive color palette (#EBF8F7, #A3CBE8, #407EAB, #005D71, #1A3C5E)
- Frosted Pier color palette (#EEF0E4, #9FDEF4, #00B3EC, #008F9E, #00324B)
- Wandering Cerulean color palette (#D7EFEB, #439EA9, #005361, #00302F, #00171F)
- Worn Drift color palette (#EEF7F6, #D5DCED, #72A0BC, #3D7886, #415568)
- Lilac Studio color palette (#EBEEFF, #D3AFE9, #B97FB4, #514E89, #302F4C)
- Pale Lapis Harbor color palette (#DDDBF6, #6D51C9, #983461, #00566C, #201740)
- Antique Alley color palette (#D2DEF8, #647CE6, #4A45BC, #3D238B, #2F1D5A)
Browse the whole catalog at Explore, or see today's palette.