Softworn Petrol color palette — #FFEBFC · #CED5FF · #BBAEE1 · #4E77A1 · #311B2C

Slate and Lavender set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFEBFC): A whisper-light, dusty pink — the color of a candy shop window.
• Lilac Frost (#CED5FF): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#BBAEE1): A luminous, dusty violet — the color of wild irises.
• Slate (#4E77A1): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#311B2C): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Dusty Stone color palette (#FFECF1, #F3CFC3, #D5A0C0, #6F5F8E, #32181F)
• Hushed Powder color palette (#D7FCEB, #B5DDFF, #95B3F0, #177892, #0F3027)
• Softworn Cobalt Orchard color palette (#EFF6FF, #DDD6F6, #BDB6F0, #3886CA, #30405B)
• Washed Cerulean color palette (#FFEFFF, #DED2D8, #A9A69B, #4997A7, #493145)
• Feathered Grape color palette (#FFECF2, #E7B2F6, #DD88C4, #6850AD, #2D083E)
• Violet Quarry color palette (#DDE3FF, #B3ADE7, #9C6EC5, #183F87, #090524)
• Taupe Canyon color palette (#F9E2EB, #D08B86, #4D3B6D, #211434, #0D0206)
• Muted Violet Archive color palette (#FAE2E8, #9359AB, #9E462B, #5F3B00, #21040E)

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