Petrol Villa color palette — #E4F3E7 · #62C2CF · #00748F · #005147 · #00324A
Teal and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E4F3E7): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#62C2CF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#00748F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#00324A): 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
- Hushed Chapel color palette (#F0F8F1, #90D0E3, #0782B1, #00605E, #203D58)
- Wandering Petrol color palette (#F2E4EE, #8CBBCE, #00759B, #004D3C, #00162F)
- Denim Veranda color palette (#E3EDE5, #4FABD2, #005C91, #003D42, #001C4A)
- Feathered Sapphire color palette (#E6F2E8, #84B6E8, #3D63B9, #004D61, #272A4D)
- Turquoise Archive color palette (#EEF0E2, #A3DFE7, #00B7D6, #00918F, #003442)
- Lagoon Study color palette (#D4E5D7, #22A39E, #00545C, #003122, #00171F)
- Turquoise Station color palette (#F0F7F1, #D3DFF1, #67A2BD, #467782, #445564)
- Wisteria Chapel color palette (#E4ECFF, #D4BAFF, #CA8CC3, #396397, #303650)
Browse the whole catalog at Explore, or see today's palette.