Softworn Petrol color palette — #FFF1F2 · #C9A3C3 · #A88648 · #306DA0 · #553651

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Mauve (#C9A3C3): A luminous, dusty pink — the color of neon signs at night.
• Caramel (#A88648): A luminous, balanced gold — the color of old brass.
• Slate (#306DA0): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#553651): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Timeworn Driftwood Summit color palette (#FBF2F6, #B3AAD7, #BE7769, #007782, #453B62)
• Softworn Petrol Lagoon color palette (#FCF3ED, #D7A586, #A7865A, #1F6EA5, #5F371C)
• Olive Cabin color palette (#FBF2F9, #C3867E, #6A791C, #005F6A, #3D3F60)
• Weathered Station color palette (#FFF2ED, #FFAFA6, #A6B07B, #51939B, #563846)
• Weathered Orchard color palette (#FAF2FC, #FFB3C3, #59AB9F, #41728A, #1D3C50)
• Muted Basin color palette (#FFF1F4, #E6C6C6, #C1A590, #97758C, #664850)
• Worn Aubergine Veranda color palette (#FFEDE8, #CD7A80, #008284, #6B3187, #3D1550)
• Wandering Ultramarine Station color palette (#F9F5E7, #AAA968, #86843E, #3C54B0, #493400)

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