Softworn Petrol color palette — #F3F5FC · #BFB9ED · #9B6B90 · #6C63A1 · #302B39

Built around Slate, softened by Heather — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F3F5FC): bright and airy, almost weightless.
• Lavender (#BFB9ED): A luminous, dusty violet — the color of twilight just after sunset.
• Heather (#9B6B90): A full-bodied, dusty pink — the color of a candy shop window.
• Slate (#6C63A1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#302B39): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged duotone, 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

• Softworn Cobalt color palette (#EEF2F8, #B0C3EE, #AE6B83, #516DBA, #1A121E)
• Tempered Pewter color palette (#FFF0F9, #C197C0, #9A647E, #784F2B, #4B4359)
• Muted Garnet color palette (#F4F4FF, #D6B3DE, #9A6F95, #7C4969, #722D4F)
• Tempered Iris Veranda color palette (#F9F3F8, #E8C4E2, #C9868A, #6688DD, #382A26)
• Sunlit Bloom color palette (#F8F3FC, #DE96B3, #A15649, #943B65, #301D2B)
• Hazy Field color palette (#EDE4F7, #AC518B, #7A001F, #5B0043, #09000A)
• Hushed Grape color palette (#F4F4FF, #BC85E8, #9F347B, #7A03B3, #241532)
• Linen Aubergine Delta color palette (#EBE9F7, #AD6BB6, #920047, #690076, #15061A)

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