Softworn Petrol color palette — #F0F5FF · #9FACE6 · #A39A67 · #636EA5 · #2F5742

Slate takes the lead with Mauve close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Mauve (#9FACE6): A luminous, balanced violet — the color of wild irises.
• Moss (#A39A67): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#636EA5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Olive (#2F5742): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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 Pewter color palette (#F5F3FF, #C99FCF, #78A67F, #8F5D97, #275653)
• Tempered Indigo Study color palette (#ECF2FF, #AAAFDE, #B2995F, #6365C2, #1B3924)
• Aged Taupe color palette (#EDF6FF, #83B6DD, #BE8D61, #45789D, #64414F)
• Iris Pier color palette (#FFF0F9, #BEBFEE, #CBAD73, #8480D6, #514C46)
• Hushed Iris Coast color palette (#F1F5FF, #8D91D3, #B17A66, #488567, #3A4256)
• Timeworn Driftwood color palette (#FFF1F6, #A5C1A6, #9B7383, #745166, #3A4D40)
• Driftwood Orchard color palette (#F1F5FF, #C2BEF1, #7D7BB1, #4E4979, #2E3554)
• Misty Aubergine color palette (#F2F4FF, #AC8CF9, #7A8800, #5C25A9, #383F00)

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