Petrol Villa color palette — #F4EEE3 · #95BCA1 · #007393 · #00504A · #00314D
Built around Teal, softened by Deep Teal — the whole palette hums with nature and growth.
The five colors
- Cream (#F4EEE3): a clean, paper-quiet neutral.
- Sage (#95BCA1): A luminous, dusty teal — the color of sea glass.
- Teal (#007393): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#00314D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, 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
- Timeworn Petrol color palette (#F4EDE3, #8DB7D4, #2B69AF, #004E5B, #1C2A58)
- Cerulean Coast color palette (#F8F5EF, #B0CDBD, #3B80A8, #005F61, #1E3C5D)
- Tempered Petrol Villa color palette (#F5E6DE, #97BFA2, #0073A6, #004E33, #061139)
- Worn Cypress Courtyard color palette (#F8F5EF, #CDE2E0, #76A592, #1B7E7B, #2D5349)
- Lagoon Studio color palette (#F2EBE1, #549D9D, #00535E, #003124, #001720)
- Frosted Turquoise Garden color palette (#E5F3E7, #98E1EF, #3DB3DD, #009287, #07314A)
- Hazy Mulberry color palette (#F0D7D9, #AE5D9E, #007E53, #7D006E, #00321E)
- Plum Market color palette (#FFE3E3, #9D4781, #6A6000, #00566B, #341028)
Browse the whole catalog at Explore, or see today's palette.