Petrol Villa color palette — #EFF8F3 · #EFD8DD · #CEB4BD · #237493 · #31453C
Teal and Rosewood Mist set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EFF8F3): a clean, paper-quiet neutral.
- Shell Pink (#EFD8DD): A whisper-light, dusty red — the color of a theater curtain.
- Rosewood Mist (#CEB4BD): A luminous, dusty rose — the color of a warm blush.
- Teal (#237493): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#31453C): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, 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 Pier color palette (#EBF9F4, #EDDAE1, #DDBCC4, #298ECB, #2F453E)
- Ancient Atelier color palette (#E8F1ED, #D6C7D1, #B8969F, #135B81, #23312C)
- Pewter Archive color palette (#FAF2F8, #E6D8D5, #CEBCB2, #8A6782, #4E444B)
- Muted Nightshade color palette (#FEF1F7, #EFC7CB, #C79A90, #6143A5, #3F2D35)
- Antique Navy Quarry color palette (#E8DFE7, #C6B3BB, #A88386, #22427C, #281927)
- Hushed Jade Ridge color palette (#FBF6D9, #5BB988, #007977, #385272, #393C35)
- Muted Fern Alley color palette (#BFF2FF, #92ADE7, #956E89, #655902, #224E2F)
- Sunlit Cobalt Boulevard color palette (#DEFEF2, #0086C6, #894500, #533B00, #2A2D00)
Browse the whole catalog at Explore, or see today's palette.