Petrol Villa color palette — #F8EFF4 · #EAD1CB · #DAB5B3 · #69629C · #301F28
Built around Slate, softened by Rosewood Mist — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#F8EFF4): bright and airy, almost weightless.
- Bone (#EAD1CB): A whisper-light, dusty orange — the color of sun-warmed clay.
- Rosewood Mist (#DAB5B3): A luminous, dusty orange — the color of autumn markets.
- Slate (#69629C): A full-bodied, balanced violet — the color of wild irises.
- Onyx (#301F28): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Creativity, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns 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
- Dusty Petrol Drift color palette (#E9F5F1, #F1D6DB, #D4B5C2, #1671A8, #172924)
- Aubergine Parlor color palette (#EFE6EA, #DCC5C7, #B89C98, #5F4587, #1D1217)
- Softworn Petrol Coast color palette (#F3F5FC, #E4D5E4, #C4B6C8, #675FA4, #393F53)
- Aged Orchard color palette (#F3F4FF, #DED7E0, #BCB1A9, #9B81CE, #323443)
- Driftwood Alley color palette (#F9EFED, #DDD7CD, #ABB3A4, #A1776E, #3D3331)
- Washed Orchard color palette (#DDDDFF, #D18FCA, #AC6B60, #1D5C48, #2D302A)
- Dusty Lantern color palette (#EDDCD6, #9F8879, #8C6123, #540014, #040000)
- Quiet Pier color palette (#F6F3DC, #5BC172, #007D68, #5E3F62, #05280F)
Browse the whole catalog at Explore, or see today's palette.