Softworn Petrol color palette — #F2F5FF · #DBD7E1 · #B4B1ED · #665FA1 · #292249

Slate takes the lead with Lavender close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Silver (#DBD7E1): bright and airy, almost weightless.
• Lavender (#B4B1ED): A luminous, balanced violet — the color of wild irises.
• Slate (#665FA1): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#292249): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Tempered Petrol Bloom color palette (#ECF7FF, #D6D9E4, #7EBDE9, #286D9B, #032E45)
• Ancient Mulberry Hollow color palette (#F6F3FF, #E0D6DE, #D89BC1, #8B4E83, #3D1C35)
• Timeworn Driftwood Quarry color palette (#EDF1FF, #C9C5FF, #837DB3, #46426B, #151C36)
• Frosted Study color palette (#FBF1FF, #E2A5E9, #9D54B6, #610069, #090010)
• Powder Terrace color palette (#F0F5FF, #E0D8E2, #88C7E4, #BCAB9F, #4C4F62)
• Driftwood Harbor color palette (#FFF1F6, #CDEBE5, #CAA1B2, #9D6B67, #2A463C)
• Ancient Pier color palette (#F4F4FB, #DED8E2, #B8B16F, #A985DB, #12221A)
• Wandering Grape color palette (#FBF1FF, #F6CFE8, #C06DEE, #7B00B2, #1D0037)

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