Petrol Villa color palette — #EFF7F3 · #C8DFDF · #A2BAB2 · #1D6E84 · #313E37
Teal and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EFF7F3): bright and airy, almost weightless.
- Silver (#C8DFDF): A whisper-light, dusty teal — the color of glacier melt.
- Ash (#A2BAB2): A luminous, dusty teal — the color of glacier melt.
- Teal (#1D6E84): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#313E37): A deep, shadowed, dusty teal — the color of sea glass.
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
- Timeworn Petrol color palette (#EEF8F4, #E4D3D1, #C8B8BC, #517997, #414A47)
- Muted Balcony color palette (#ECF4EF, #CADADB, #C0B2C0, #007185, #16241C)
- Timeworn Loft color palette (#DDE6E2, #A5C0B7, #9A879B, #004B67, #13231D)
- Worn Lantern color palette (#F5F7E8, #70AB82, #217354, #3F5137, #343630)
- Dusty Ultramarine color palette (#FCF1FB, #E7C8DD, #C099AF, #2C52B1, #3D2D3B)
- Dusty Cabin color palette (#F1F7F2, #D0DCDE, #CEBAB1, #04B3C9, #333D36)
- Petrol Garden color palette (#CFE7DF, #0068A4, #311E31, #061713, #000505)
- Timeworn Azure color palette (#DEFEF2, #64DAFF, #12ABF7, #597FBE, #10314E)
Browse the whole catalog at Explore, or see today's palette.