Petrol Villa color palette — #E9F1EB · #92B8C7 · #007390 · #005048 · #00324B
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E9F1EB): a clean, paper-quiet neutral.
- Ash (#92B8C7): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007390): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005048): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#00324B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: 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
- Cerulean Loft color palette (#F0F7F1, #AACADC, #3181A9, #00605F, #133D62)
- Petrol Delta color palette (#EEE6EC, #7CC0CB, #0073A4, #004E32, #061236)
- Worn Turquoise color palette (#F7EDDE, #9EE0EA, #45B3D6, #009284, #00324B)
- Worn Lagoon Terrace color palette (#D8E1DA, #549E9B, #00545D, #003123, #00171F)
- Muted Delta color palette (#F1F7F2, #D4DEEC, #779FB9, #167F79, #3F5569)
- Tempered Fern Study color palette (#DAFAF9, #9FD5DF, #00B3CA, #2C6800, #004235)
- Mulberry Lagoon color palette (#C2E7E4, #3DA562, #901F93, #00582A, #450746)
- Pine Workshop color palette (#EBF4D3, #6E9B2D, #147612, #00472D, #002D31)
Browse the whole catalog at Explore, or see today's palette.