Softworn Petrol color palette — #FAF3F9 · #E8D7D7 · #CCBDB8 · #60749D · #4D454C

A conversation between Slate and Stone, giving this palette its sense of sophistication.

The five colors

• Ivory (#FAF3F9): bright and airy, almost weightless.
• Bone (#E8D7D7): bright and airy, almost weightless.
• Stone (#CCBDB8): a calm mid-gray that lets other colors speak.
• Slate (#60749D): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#4D454C): a grounded near-black with real depth.

Feels like: 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

• Washed Courtyard color palette (#FBF2F6, #E5D8D4, #ACAFA2, #977786, #594F54)
• Fern Study color palette (#FFF0FC, #D3A4B4, #997C77, #656A22, #415340)
• Tempered Cabin color palette (#FFF1F8, #EFC6D1, #C99899, #544C9E, #3D2D37)
• Wandering Quarry color palette (#F2F5FB, #DDD9E3, #C5B0BA, #8EA9F0, #414853)
• Softworn Garnet color palette (#EAE0DF, #CDB2A9, #A18977, #6E264B, #2B1A19)
• Timeworn Basalt color palette (#FBF4E8, #A7B785, #518059, #6B515D, #4B4300)
• Tempered Powder Canyon color palette (#FFF0F8, #B2DDFF, #AFACFF, #B3789A, #51343E)
• Softworn Corridor color palette (#EAE1E7, #BDA0AA, #967578, #272A7B, #1C0F18)

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