Petrol Quarry color palette — #EBF8F8 · #B8E3FF · #608FB8 · #1B6C85 · #37495E
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#EBF8F8): bright and airy, almost weightless.
- Powder Blue (#B8E3FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#608FB8): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#1B6C85): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#37495E): 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
- Timeworn Cerulean Summit color palette (#F9F4EE, #C4E4E6, #86A8CF, #3D8694, #5A3C55)
- Timeworn Turquoise Field color palette (#DAF0EC, #54AEB8, #006272, #003E3C, #00242E)
- Washed Villa color palette (#E3F4F2, #008EAF, #00435A, #002226, #000B14)
- Lagoon Canyon color palette (#E9F9F5, #86D5D3, #1F888E, #006154, #00434C)
- Teal Veranda color palette (#FCF2F6, #D7DEF5, #A2BDF8, #2CADA6, #3F4567)
- Softworn Corridor color palette (#FBF1FF, #E9739A, #6789C8, #984762, #30435E)
- Washed Petrol Corridor color palette (#E0F3F2, #79B8EA, #216AB1, #004C66, #1A2D4D)
- Pale Navy Pier color palette (#CFECEB, #4694DB, #004695, #002D41, #030E38)
Browse the whole catalog at Explore, or see today's palette.