Softworn Petrol color palette — #F0F6FE · #DAD7E8 · #AEB3C2 · #496396 · #353B44

A conversation between Slate and Silver, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F0F6FE): bright and airy, almost weightless.
• Silver (#DAD7E8): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#AEB3C2): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#496396): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#353B44): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Cobalt Orchard color palette (#F9F3F9, #E3D5D7, #CDB9B7, #6281B3, #423641)
• Muted Pewter color palette (#F7F3FB, #EBD3E1, #C6B5CB, #8E547A, #443C4E)
• Ash Coast color palette (#E1DFFF, #B498CB, #797390, #654C60, #2D4955)
• Antique Grape color palette (#F4F4FF, #D2CEED, #AB9FC7, #7437A0, #303047)
• Aubergine Dune color palette (#E2E5F2, #A7A7BB, #7F7A9B, #3F2668, #101223)
• Lilac Boulevard color palette (#F1F5FF, #A5C5FF, #969DFF, #8661AF, #292F50)
• Aged Fern color palette (#E5FBF3, #88A764, #437035, #2A515C, #1D3C35)
• Linen Indigo Harbor color palette (#FFE5FD, #7772EE, #694593, #6B242E, #282E4A)

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