Petrol Quarry color palette — #E2ECE4 · #7ABEDD · #2770A5 · #004A50 · #011337
Built around Slate, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Parchment (#E2ECE4): a clean, paper-quiet neutral.
- Sky (#7ABEDD): A luminous, balanced blue — the color of deep harbor water.
- Slate (#2770A5): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004A50): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#011337): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Petrol Boulevard color palette (#F9ECE3, #89B9D0, #346BA2, #00504E, #202958)
- Muted Lilac color palette (#DDEFFF, #AFCDFF, #9D89DB, #006473, #07182A)
- Cobalt Archive color palette (#EDF0E3, #9CCCE5, #0090D0, #00697D, #003053)
- Wandering Teal color palette (#DCE6DE, #4FAEA9, #00646D, #003B29, #000D13)
- Azure Station color palette (#C7E4FF, #28A0FB, #00609C, #002A47, #00050E)
- Cerulean Dune color palette (#E1F3F4, #008BA2, #006783, #00344C, #001329)
- Feathered Mulberry Market color palette (#D7E5F0, #0072A9, #AC005A, #465300, #000C19)
- Timeworn Bronze color palette (#D9E7F1, #008ABC, #A84C00, #004D6B, #220A00)
Browse the whole catalog at Explore, or see today's palette.