Softworn Petrol color palette — #FFF0FC · #DBD2DA · #9EB9E9 · #54709B · #1B2444

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

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Silver (#DBD2DA): bright and airy, almost weightless.
• Sky (#9EB9E9): A luminous, dusty violet — the color of wild irises.
• Slate (#54709B): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#1B2444): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.

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 Alley color palette (#EFF6FF, #CEE2FF, #A1BBF0, #6786C8, #263659)
• Softworn Aqua color palette (#E0FEEC, #D6DBED, #71C3D4, #317286, #003642)
• Muted Pewter color palette (#FFF1F5, #E8D8E1, #C2A3D7, #7C5E8E, #441E2A)
• Timeworn Cobalt color palette (#FFEAFC, #B3CAF8, #6A85C8, #354977, #281327)
• Powder Lagoon color palette (#FEF1F9, #BABCFC, #9BB986, #5A906D, #3C2C36)
• Powdered Violet Market color palette (#F5F3FF, #C3ADFF, #875FC3, #3D1F7A, #040010)
• Timeworn Lagoon color palette (#FBF2F6, #E7D7D7, #DB9D8B, #9E8DD4, #271C15)
• Lilac Study color palette (#F4F4FF, #DCDAFF, #9981F6, #503BA2, #18004C)

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