Softworn Petrol color palette — #FEEBFC · #FACAD1 · #B8AEDE · #4A77A5 · #371C32

A conversation between Slate and Mauve, giving this palette its sense of trust and stability.

The five colors

• Blush (#FEEBFC): A whisper-light, dusty pink — the color of peonies in June.
• Shell Pink (#FACAD1): A whisper-light, dusty red — the color of embers at dusk.
• Mauve (#B8AEDE): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#4A77A5): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#371C32): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. Tagged pastel, light, 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

• Hushed Coast color palette (#D2FDF0, #C2DAFF, #A2AAE7, #357C9D, #2D1B2F)
• Petrol Loft color palette (#EEF6FF, #D9D4FF, #CFA1CB, #007C99, #2E3E5C)
• Washed Pewter color palette (#FFEDED, #F3CFCA, #F8A4B0, #955E97, #3F1919)
• Lilac Chapel color palette (#FEE2F5, #B1ADE9, #9C74C3, #2D4885, #1F0315)
• Turquoise Drift color palette (#E1FCF4, #E7D9D2, #B7ACA0, #57A6B6, #44263C)
• Feathered Fuchsia color palette (#F8EDFF, #F7B1FF, #E082C5, #6B4CA1, #2E0937)
• Wandering Driftwood Balcony color palette (#FFECF0, #E3D3CD, #AAAD95, #AA7E8D, #4C373A)
• Washed Indigo Parlor color palette (#FEDFEB, #8262B1, #9C4644, #004C5E, #1E0712)

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