Petrol Villa color palette — #F7E6F3 · #65AFB7 · #006F98 · #004D2C · #000E3B

Built around Peacock, softened by Deep Indigo — the whole palette hums with nature and growth.

The five colors

• Blush (#F7E6F3): A whisper-light, dusty pink — the color of neon signs at night.
• Cyan (#65AFB7): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006F98): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D2C): A deep, shadowed, balanced teal — the color of sea glass.
• Deep Indigo (#000E3B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Cobalt Garden color palette (#F3E4EC, #83BBCE, #3878B6, #005B4A, #18144E)
• Antique Pier color palette (#FCEAE2, #73C6D1, #006F9D, #004027, #000014)
• Muted Denim Hollow color palette (#F9E5ED, #6B98B7, #3A539B, #003C3A, #0D0024)
• Hushed Cerulean color palette (#F3EBDF, #4C9DA7, #005266, #00302A, #001623)
• Washed Cerulean Alley color palette (#D6E4D8, #63C0CC, #0091B2, #006E61, #001623)
• Coral Station color palette (#E3ECF9, #C69DDA, #CE7984, #005E77, #1A0635)
• Softworn Forest color palette (#F7EAF6, #8ED2D7, #3291B9, #00713D, #0E2C5A)
• Chalky Pine color palette (#FCF1FE, #A2EBE6, #2DABCB, #358635, #0D426C)

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