Petrol Villa color palette — #F2E6E3 · #9BBE9F · #027699 · #004F24 · #001434
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Rose Water (#F2E6E3): bright and airy, almost weightless.
- Sage (#9BBE9F): A luminous, dusty green — the color of fresh herbs.
- Teal (#027699): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F24): A deep, shadowed, balanced teal — the color of sea glass.
- Midnight (#001434): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
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
- Antique Petrol Delta color palette (#F3E7DB, #91BFAF, #5067AA, #004B49, #1B0737)
- Aged Forest color palette (#FCEFE9, #AED2B8, #4683AA, #005E40, #30152C)
- Timeworn Denim Archive color palette (#EDDDD4, #5EA8BE, #005B99, #003B2D, #06002F)
- Washed Lagoon color palette (#DEE8DB, #009D7D, #006B69, #003747, #001526)
- Ancient Canyon color palette (#D7F2D9, #ACCFF2, #AF97D0, #2D6C40, #001C23)
- Muted Plum Study color palette (#E0EEE4, #008FA2, #B82F50, #00505B, #2A0009)
- Patina Hollow color palette (#CBEEF7, #00788C, #9F3336, #703500, #000D11)
- Cypress Basin color palette (#F8F0ED, #CBE2DD, #78A894, #4B765B, #432E42)
Browse the whole catalog at Explore, or see today's palette.