Petrol Villa color palette — #ECF4EF · #C4DDDD · #A7C8BD · #007793 · #172A20
Teal and Stone set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#ECF4EF): bright and airy, almost weightless.
- Silver (#C4DDDD): A whisper-light, dusty teal — the color of shallow lagoons.
- Stone (#A7C8BD): A luminous, dusty teal — the color of glacier melt.
- Teal (#007793): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#172A20): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Tempered Workshop color palette (#F5F0F6, #E4D1D5, #CCB9C6, #3D6DA6, #2B212B)
- Ancient Villa color palette (#E2ECE7, #C0CFCA, #AC9FAD, #005D7F, #071A13)
- Antique Petrol Grove color palette (#ECF7FD, #D5D9EA, #ADBCD9, #00778B, #31434B)
- Tempered Cerulean color palette (#EFF8F2, #CCE2E4, #CEBFAF, #2CA2B8, #273A2E)
- Dusty Pine color palette (#F1F5DC, #7AB891, #007E5C, #055950, #002814)
- Deep Coast color palette (#D9F4EC, #006FB7, #15284C, #001510, #000503)
- Wandering Driftwood color palette (#F8EFF2, #DDD4D2, #B9AEA3, #9A7786, #3B3437)
- Patina Garnet Harbor color palette (#CEE3FF, #A3B1DF, #7770A6, #704657, #541623)
Browse the whole catalog at Explore, or see today's palette.