Softworn Petrol color palette — #FBF2F9 · #ECB2BE · #5F709C · #334164 · #2A1C28

Slate and Ballet Pink set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Ballet Pink (#ECB2BE): A whisper-light, dusty red — the color of embers at dusk.
• Slate (#5F709C): A full-bodied, dusty violet — the color of wild irises.
• Navy (#334164): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#2A1C28): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Patina Driftwood color palette (#FDF2F5, #ECC8B9, #87739D, #673F4E, #34272C)
• Weathered Quarry color palette (#F0F5FF, #F9D7CC, #6074AA, #273856, #0B1018)
• Hushed Petrol Courtyard color palette (#ECF8F4, #9FD2B0, #4276A2, #15466B, #122621)
• Hushed Denim Courtyard color palette (#FEF1FB, #C2AC79, #334C91, #1F2C4E, #291D27)
• Hushed Pier color palette (#F0F6FF, #EED38B, #7B94CC, #55647B, #1C222B)
• Patina Mulberry Thicket color palette (#FFF1F2, #FD9E7F, #94478C, #5D1957, #2A1316)
• Aged Hollow color palette (#FBF2F6, #C7BBF2, #C26DAD, #8868D6, #331D1F)
• Chestnut Alley color palette (#FFF2EA, #D19EC7, #B46D88, #895615, #553233)

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