Petrol Quarry color palette — #E0ECEB · #96B8D2 · #0071AE · #00495A · #00162F
A conversation between Slate and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#E0ECEB): a clean, paper-quiet neutral.
- Ash (#96B8D2): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0071AE): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#00495A): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#00162F): 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
- Washed Cypress color palette (#DBEEE9, #87BDCB, #007A7F, #004C41, #001A1E)
- Denim Quarry color palette (#EAF4F4, #ADCBE8, #577EAF, #005677, #0D1E42)
- Dusty Petrol color palette (#F7ECE4, #91BCAB, #3168B1, #004F52, #252757)
- Linen Denim color palette (#E4F1FF, #ADC6FF, #999BE3, #006693, #051634)
- Timeworn Cerulean color palette (#C7E8F1, #0093BA, #005B7D, #003D59, #001426)
- Linen Grape color palette (#D4E8FF, #006BC5, #872E9E, #005953, #000B1D)
- Lagoon Ridge color palette (#D8E9E5, #258985, #004547, #00201A, #000202)
- Olive Thicket color palette (#DFEDF7, #008ABB, #3D7D15, #004D6A, #051700)
Browse the whole catalog at Explore, or see today's palette.