Worn Petrol color palette — #F5F4FF · #B68FC3 · #3F9795 · #2177A3 · #2F3443

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

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Mauve (#B68FC3): A luminous, balanced pink — the color of peonies in June.
• Storm Blue (#3F9795): A luminous, balanced teal — the color of sea glass.
• Slate (#2177A3): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#2F3443): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Softworn Bloom color palette (#F1F5FF, #939CCE, #549C6E, #007A7C, #253441)
• Ancient Parlor color palette (#F8F2FD, #D491AE, #4590B4, #5761A6, #312D42)
• Muted Ultramarine color palette (#F8F2FF, #DE5DB4, #00809E, #1544D1, #2F153E)
• Timeworn Blush Orchard color palette (#FFF2ED, #FC9B99, #57B5AD, #5694A6, #3A2D32)
• Aged Pine color palette (#FAF2FA, #BA6D75, #3B7B44, #1E5480, #3E343F)
• Timeworn Cypress Delta color palette (#EEF8EF, #CBAC7B, #7C9662, #007A6D, #56364D)
• Blush Parlor color palette (#FFF2EE, #F99DA4, #A79251, #6B6189, #332222)
• Wandering Market color palette (#F9F3F7, #DFD7D7, #B3B6AA, #BE8E7F, #575055)

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