Softworn Petrol Quarry color palette — #F0F6FA · #D9D9EC · #B5BAD8 · #007692 · #354249

A conversation between Teal and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D9D9EC): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#B5BAD8): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#007692): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#354249): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Wandering Petrol color palette (#E9F5F0, #F3D6E1, #CCB8C7, #00759D, #142A21)
• Muted Denim Delta color palette (#E8F0F5, #C5CCD9, #9C9DBF, #005D7E, #242F37)
• Dusty Lantern color palette (#F4F5FB, #DFD8DE, #B5AAA2, #7B7FA3, #515259)
• Jade Meadow color palette (#E7FBF2, #75B57F, #007A6E, #18557F, #124340)
• Gentle Forest Boulevard color palette (#C6F9E3, #71ABCC, #7D69A8, #296738, #004F45)
• Smoked Alley color palette (#D5E4F8, #0065CC, #331F49, #09192B, #030712)
• Patina Station color palette (#EDF8F3, #E8D4D1, #2BB3E3, #ACA192, #34443C)
• Washed Alley color palette (#F2F5FF, #D4CFE6, #D093A1, #5C37C2, #2B3149)

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