Softworn Petrol Villa color palette — #F9F3F9 · #E8D7D8 · #CDBCB8 · #5C759D · #4D444D
A conversation between Slate and Stone, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F9F3F9): bright and airy, almost weightless.
- Silver (#E8D7D8): a clean, paper-quiet neutral.
- Stone (#CDBCB8): A luminous, dusty orange — the color of toasted spice.
- Slate (#5C759D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#4D444D): 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 Villa 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 Petrol Garden color palette (#F5F0F5, #E2D4D4, #CCB8B1, #5577A4, #302930)
- Aged Courtyard color palette (#FBF2F6, #E3D8D4, #ACAEA4, #977787, #575053)
- Tempered Nightshade color palette (#FFF0F9, #ECC7D2, #C7999B, #504DA2, #412B39)
- Tempered Fern color palette (#FFF0FE, #B6A9D6, #A47975, #61661C, #3C4F3C)
- Worn Courtyard color palette (#FAF4EA, #ABB589, #518152, #69525D, #4D4200)
- Muted Garnet color palette (#F0E6E5, #CBB3AB, #9F897A, #731D50, #2B1A1A)
- Ancient Lilac Workshop color palette (#FFF0F8, #B6E2FF, #A7A7FF, #AD6B90, #533541)
- Wandering Navy color palette (#EADFE7, #BBA1AB, #997479, #212E76, #1C0E1A)
Browse the whole catalog at Explore, or see today's palette.