Petrol Villa color palette — #C6E9DE · #78B0B4 · #38809A · #6C3835 · #371D28

Cerulean takes the lead with Cocoa close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#C6E9DE): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#78B0B4): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#38809A): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#6C3835): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#371D28): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Ancient Parlor color palette (#D6F8F5, #81ACB7, #4B7D9A, #6B3E2B, #14321F)
• Lagoon Market color palette (#D2E6D7, #8DAC86, #368580, #52435D, #2C2034)
• Washed Glacier Ridge color palette (#E0FFDF, #9EE0EC, #74A4BC, #736A95, #4F313A)
• Powdered Indigo Bloom color palette (#CDEDE7, #36AAC5, #5861BE, #583D00, #251E00)
• Washed Veranda color palette (#E4F7F0, #7BAE87, #007564, #414C25, #002220)
• Wandering Bronze color palette (#C9ECC2, #84C0BB, #6595B7, #955934, #70370F)
• Airy Brick color palette (#C5EAF8, #008C98, #C7203D, #7C5100, #00171F)
• Aged Villa color palette (#DBF7EA, #00ABA6, #006F7A, #004E64, #001F39)

Browse the whole catalog at Explore, or see today's palette.