Softworn Petrol color palette — #F0F5FF · #D9C18F · #636EA1 · #36425C · #1C222D

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

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sand (#D9C18F): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#636EA1): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#36425C): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#1C222D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Worn Driftwood Dune color palette (#F4F4FE, #B7DCBE, #88739E, #4A4B61, #2A2A35)
• Tempered Garden color palette (#FDF1F9, #FEE2A8, #6270B8, #2E3658, #150C13)
• Antique Denim color palette (#F0F5FF, #B8AF82, #414F7A, #212B51, #1E1B28)
• Hushed Mulberry Courtyard color palette (#F6F3FF, #DDB55D, #954492, #552453, #1D162C)
• Timeworn Iris color palette (#FCF1FA, #E1D892, #7893D4, #755870, #281E26)
• Softworn Orchard color palette (#F2F5FE, #C1BBFE, #CB707C, #7D75BD, #2C1F2D)
• Grape Chapel color palette (#DEE3FF, #D6A200, #6540A9, #351A60, #0A0B28)
• Dusty Marigold Terrace color palette (#E2DAED, #C49F4D, #793D67, #3F1834, #10061B)

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