Petrol Quarry color palette — #F0E5ED · #73C1D3 · #0073A3 · #004C41 · #011435

Slate takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F0E5ED): bright and airy, almost weightless.
• Cyan (#73C1D3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#0073A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C41): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#011435): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Ancient Lantern color palette (#F8ECE5, #7ABDCE, #0F6EA8, #00523C, #222A52)
• Antique Station color palette (#F6E8EE, #62A5CC, #25569D, #00393B, #08012D)
• Cornflower Cabin color palette (#FBEEF2, #A2D6FF, #557EDA, #00616A, #231F43)
• Muted Garden color palette (#F4F7E8, #B8F0FF, #00A1C9, #00696F, #002231)
• Patina Ash Drift color palette (#F7EFF4, #D6D1E8, #78A1C3, #3B7770, #2C3748)
• Sapphire Veranda color palette (#C9ECDA, #8B8200, #3C62CC, #4D4800, #02093C)
• Tempered Lagoon Field color palette (#F9E5F3, #379A9E, #005265, #002D1D, #00050C)
• Dusty Teal color palette (#CEF6DD, #B3D29A, #25BFA8, #895214, #001D15)

Browse the whole catalog at Explore, or see today's palette.