Tempered Petrol Quarry color palette — #EBF9F0 · #81BBC8 · #C68773 · #008195 · #534B47

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

The five colors

• Ivory (#EBF9F0): a clean, paper-quiet neutral.
• Ash (#81BBC8): A luminous, dusty blue — the color of open sky before noon.
• Caramel (#C68773): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#008195): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#534B47): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered 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

• Patina Pier color palette (#FBF2F9, #99AFE0, #B79257, #4A6DC5, #514C46)
• Pine Corridor color palette (#F2F7EE, #A4B890, #BF82A7, #008767, #674142)
• Muted Stone color palette (#EFF8F0, #7ED4DF, #B5B76A, #3D9CA6, #4F4D46)
• Softworn Lilac Meadow color palette (#E9F4FA, #6FC1D8, #B687C9, #197E95, #302D47)
• Dusty Meadow color palette (#E4FCF2, #6D9FBD, #B5757D, #A46526, #2B4A3F)
• Hushed Azure Courtyard color palette (#DCFFF1, #29AFF0, #A65900, #00638E, #5A2D00)
• Denim Pier color palette (#F9F3F9, #D3BCA0, #495F80, #472F46, #301F25)
• Patina Cerulean Garden color palette (#E2FDF0, #A0D1BE, #478DB0, #005971, #003D51)

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