Softworn Petrol color palette — #F0F6FD · #DCD6E5 · #B3B1C2 · #4C648B · #353B43

Built around Slate, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FD): a clean, paper-quiet neutral.
• Silver (#DCD6E5): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#B3B1C2): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#4C648B): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#353B43): a grounded near-black with real depth.

Feels like: Trust, Stability, 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

• Petrol Cabin color palette (#EDF2F9, #D9D3E0, #B9B3C8, #3D659C, #19212A)
• Patina Alley color palette (#F6F3FC, #E8D4DC, #D0B1C7, #8A567E, #423C4E)
• Aged Hollow color palette (#F4F4FC, #E2D7DF, #B6ABA3, #807E99, #525159)
• Antique Driftwood color palette (#C8E1FF, #A89DC6, #9A6E83, #2B605C, #1C4551)
• Aubergine Hollow color palette (#F3F4FF, #D6CCED, #C897A4, #6D3D9F, #2F3047)
• Muted Navy color palette (#E1E6EE, #B5B8C8, #9189A8, #2F3F7D, #181F2C)
• Hushed Onyx Veranda color palette (#EAE8F2, #A293AB, #7D697A, #431246, #0A0616)
• Periwinkle Grove color palette (#F9F3F8, #E4D5D6, #D2BAB8, #7B9EE7, #423641)

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