Softworn Petrol color palette — #F0F7F4 · #DFD4D1 · #D0B6B6 · #4E7A95 · #3E4B46

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#DFD4D1): bright and airy, almost weightless.
• Stone (#D0B6B6): A luminous, dusty red — the color of a theater curtain.
• Slate (#4E7A95): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3E4B46): 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

• Wandering Petrol color palette (#ECF3F9, #D7D7E5, #BDBBCF, #50799C, #252D35)
• Washed Driftwood Coast color palette (#F9F3F8, #E3D8D7, #AFAEA1, #977591, #565155)
• Indigo Field color palette (#FBF2F7, #ECD5CF, #DBB0AE, #6B5AAF, #4D3943)
• Aged Chestnut Basin color palette (#E4FDEA, #C3ABC3, #A4808A, #76681B, #3F594A)
• Ancient Navy Cabin color palette (#E1F1ED, #B5A3AF, #987381, #003A62, #041813)
• Wandering Olive Coast color palette (#FCF3EB, #BFAD8B, #6E7A3D, #695065, #563E00)
• Aged Parlor color palette (#FBF2FB, #E3CBD8, #B899C6, #0055B6, #3B2E3B)
• Cobalt Villa color palette (#EEE0EB, #4B6BC3, #462734, #281926, #091415)

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