Worn Petrol Atelier color palette — #FCF2F4 · #BE9ACF · #439597 · #2174A0 · #412E39

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

The five colors

• Ivory (#FCF2F4): bright and airy, almost weightless.
• Mauve (#BE9ACF): A luminous, balanced violet — the color of a velvet chair.
• Storm Blue (#439597): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#2174A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#412E39): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Worn Petrol Atelier 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

• Worn Quarry color palette (#FDF1F8, #9BA1CF, #519A75, #00757C, #1E3A32)
• Cobalt Harbor color palette (#FFF2EF, #BF7786, #2080BE, #53529C, #3F2326)
• Peony Bloom color palette (#FFF1F3, #C463BB, #008595, #0058A9, #281B40)
• Washed Thicket color palette (#FEF1F9, #F9A291, #7CB391, #569C95, #2F2F3F)
• Timeworn Cypress Grove color palette (#F9F5EB, #B8B384, #699A72, #00787A, #1C4664)
• Blush Bloom color palette (#FCF1FB, #F09895, #A7985C, #5F6388, #251F2B)
• Washed Hollow color palette (#FFF3E2, #E2B392, #AE8C58, #4C7C55, #673C00)
• Weathered Bronze color palette (#FDF3ED, #B46E4F, #547032, #00536D, #42312E)

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