Petrol Quarry color palette — #EDF0E8 · #8DB7D8 · #296BAA · #004C65 · #0E2C5A
Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#EDF0E8): a clean, paper-quiet neutral.
- Sky (#8DB7D8): A luminous, dusty blue — the color of deep harbor water.
- Slate (#296BAA): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004C65): A deep, shadowed, dusty blue — the color of open sky before noon.
- Navy (#0E2C5A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
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
- Petrol Study color palette (#EEF0E4, #9ABAA6, #007390, #004F53, #003347)
- Wandering Cabin color palette (#F2E7DD, #89B9E1, #4165BD, #004A52, #150E32)
- Cornflower Villa color palette (#F7EBEF, #9ECAEE, #5D83D8, #006A75, #2C274F)
- Aged Periwinkle Canyon color palette (#E5F2F1, #ACD9FF, #65A8F4, #2889B1, #172D52)
- Hushed Study color palette (#E1E5D6, #6597AC, #005070, #002F37, #001626)
- Worn Cerulean color palette (#F5F7E8, #B4D9BF, #008EAA, #006668, #00475D)
- Ancient Petrol Thicket color palette (#F4F6F0, #C7E5E9, #AC8EAB, #34769A, #63495F)
- Ancient Amber Station color palette (#FFEAE2, #EEC5B1, #D57B47, #903350, #352E2B)
Browse the whole catalog at Explore, or see today's palette.