Petrol Quarry color palette — #E1F2F1 · #72C2E9 · #006EA2 · #003C49 · #000308
Built around Peacock, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#E1F2F1): bright and airy, almost weightless.
- Sky (#72C2E9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006EA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003C49): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000308): 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
- Denim Harbor color palette (#E0EEEB, #69AFB7, #005F6F, #002B2A, #000102)
- Antique Cobalt Basin color palette (#E8F9F9, #AECFF1, #4A7BBF, #004C6C, #01062E)
- Weathered Turquoise color palette (#B7FCF8, #80E5EC, #00BCE0, #005F51, #000706)
- Ancient Navy Hollow color palette (#F3E2D5, #4794B7, #004A88, #002C2B, #02001C)
- Denim Delta color palette (#D1E8E4, #00786D, #005A9D, #3F4800, #000201)
- Timeworn Coast color palette (#EDF8F7, #D9DDE8, #77ACDA, #187A97, #18304A)
- Cornflower Boulevard color palette (#E9D9E1, #76BADC, #0383EE, #006D6D, #0B0146)
- Muted Lagoon color palette (#C5EEDE, #009473, #8C5B00, #004736, #020100)
Browse the whole catalog at Explore, or see today's palette.