Worn Petrol color palette — #FFECF1 · #F3D0BC · #D6A18D · #66649A · #3D1A1E

A conversation between Slate and Camel, giving this palette its sense of optimism and creativity.

The five colors

• Blush (#FFECF1): A whisper-light, dusty rose — the color of pressed rose petals.
• Wheat (#F3D0BC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#D6A18D): A luminous, dusty orange — the color of toasted spice.
• Slate (#66649A): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#3D1A1E): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.

Use it as a design system

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

• Tempered Blush color palette (#FFECF5, #EEC8F5, #DF93A3, #446F9F, #331B25)
• Dusty Driftwood color palette (#FFEDED, #E2D7CA, #E1BB98, #8E7AAC, #422521)
• Worn Pewter color palette (#FFF1F2, #F3CCCC, #E08EA3, #815192, #543335)
• Pale Harbor color palette (#FFECF2, #FFB9A3, #D6A500, #7F3C85, #3F0306)
• Feathered Pier color palette (#FFE6F8, #D9969F, #BF7C5D, #563D90, #20000E)
• Aged Plum Bloom color palette (#FFEEE5, #E0DCB8, #BDC96F, #A74665, #3E2506)
• Weathered Cocoa Ridge color palette (#FFE2CF, #E9CB91, #8DA870, #803E45, #2A1400)
• Softworn Taupe color palette (#FAE3E1, #A0A65C, #69304D, #340821, #0F0102)

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