Petrol Quarry color palette — #E5FBF4 · #84B6E1 · #B59168 · #3978AA · #514C46

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

The five colors

• Ivory (#E5FBF4): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#84B6E1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Caramel (#B59168): A luminous, dusty gold — the color of honey in a jar.
• Slate (#3978AA): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#514C46): quiet, heavy and certain.

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

• Timeworn Petrol color palette (#EBF9F1, #76BCD1, #C38681, #097F9A, #77391E)
• Timeworn Cobalt Harbor color palette (#FFF0FA, #A2ACDF, #9F9C62, #626CAF, #5E4B00)
• Cobalt Alley color palette (#E8F3FF, #91B7E0, #C983A6, #3575B4, #482336)
• Olive Station color palette (#FFEFFF, #749ACD, #A98151, #727737, #4D3C4D)
• Antique Cobalt color palette (#E9F9F5, #9FC9F3, #DE98BD, #4691D7, #674141)
• Softworn Corridor color palette (#FDF0FE, #E8D7D8, #B3B19C, #75957D, #594955)
• Worn Cerulean color palette (#FFF0FE, #B5C9F7, #6683B2, #3B4F78, #253455)
• Grape Corridor color palette (#FFF1F5, #B48ECD, #6B9857, #7D4D99, #334A28)

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