Petrol Villa color palette — #E6F2E8 · #7DBFBF · #007585 · #00523F · #003344
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Mint Leaf (#7DBFBF): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007585): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00523F): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003344): 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
- Timeworn Boulevard color palette (#F0F7F1, #A7CCDA, #0085A5, #006156, #1D3E56)
- Abyss Meadow color palette (#F2E4F2, #73C3C3, #007695, #004F1C, #001631)
- Softworn Denim Atelier color palette (#D9E5DB, #61ABBF, #005F83, #003E3D, #00213C)
- Dusty Archive color palette (#EFF0E3, #9BE2E3, #2CB8C6, #009284, #00343D)
- Dusty Sapphire color palette (#E9F1EA, #94B5D3, #2464C4, #004D5E, #242A4E)
- Turquoise Archive color palette (#F1F7F2, #D1E1F4, #5FA5B7, #3C7C6E, #3D5667)
- Washed Cerulean Cabin color palette (#E5EEE6, #398D9E, #004359, #002220, #000A16)
- Airy Studio color palette (#ECDDBC, #866600, #006B76, #791B7B, #291D00)
Browse the whole catalog at Explore, or see today's palette.