Worn Petrol color palette — #FEF0FD · #94B2DE · #C1839D · #5273A5 · #6A403D

A conversation between Slate and Dusty Rose, giving this palette its sense of trust and stability.

The five colors

• Blush (#FEF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Sky (#94B2DE): A luminous, dusty blue — the color of open sky before noon.
• Dusty Rose (#C1839D): A luminous, balanced rose — the color of strawberry cream.
• Slate (#5273A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#6A403D): A full-bodied, dusty orange — the color of autumn markets.

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

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

• Wandering Pewter color palette (#FFF1F6, #B9A4DD, #C48876, #7D63A4, #534B47)
• Muted Driftwood color palette (#FFF0FD, #8098C7, #A875A4, #418284, #4E3C4C)
• Cobalt Terrace color palette (#FDF0FC, #97B0DF, #65A98C, #5272AD, #4B4E47)
• Antique Cobalt color palette (#F7EFF7, #C8A6C8, #C98B6B, #4372B4, #36302B)
• Worn Cobalt Studio color palette (#FFF0FD, #B2CBF4, #6981B4, #3A527B, #4C2F4A)
• Worn Taupe color palette (#EDF9ED, #78BEBF, #A69A57, #288183, #504D46)
• Ancient Azure Villa color palette (#EEF6FE, #A5C9EA, #D5A870, #3392DC, #634722)
• Pewter Delta color palette (#FFF1F5, #B68DCC, #3298AE, #7E4D97, #0E4A56)

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