Petrol Quarry color palette — #ECF7FE · #83B9CD · #CB846A · #007F9E · #6A4132

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

The five colors

• Ivory (#ECF7FE): a clean, paper-quiet neutral.
• Ash (#83B9CD): A luminous, dusty blue — the color of open sky before noon.
• Caramel (#CB846A): A luminous, balanced orange — the color of sun-warmed clay.
• Cerulean (#007F9E): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#6A4132): A full-bodied, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Dusty Amber color palette (#E8F6EE, #7EBED5, #D2866D, #1D7D98, #362F2C)
• Cobalt Canyon color palette (#EEF6FE, #90B4D6, #B49356, #3077B1, #39553E)
• Cypress Veranda color palette (#E7F9FC, #83BEB0, #C381A1, #008572, #564563)
• Antique Apricot Boulevard color palette (#EAF7FF, #80D2EE, #F09679, #4698B3, #604256)
• Bronze Parlor color palette (#ECF7FF, #61A1C0, #BC7551, #926819, #324552)
• Weathered Veranda color palette (#EEF8EF, #A2C0B1, #967C53, #7D513F, #324E49)
• Rust Basin color palette (#EFF6FF, #69A4F7, #C65B00, #004AA0, #5F2800)
• Wandering Lagoon Balcony color palette (#EBF7FF, #DBDAE4, #D7BAD5, #529980, #404E5C)

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