Patina Petrol Villa color palette — #EFF1E0 · #62B0B9 · #007385 · #004A48 · #00171F

Teal and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EFF1E0): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#62B0B9): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007385): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004A48): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00171F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Patina 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

• Washed Boulevard color palette (#E8EBDC, #7FBBD2, #007FAB, #005862, #002236)
• Aged Aqua color palette (#D9F5F0, #56CAD8, #007487, #003E3D, #000305)
• Patina Denim color palette (#DFE3D6, #6799BB, #005B98, #00394A, #00081C)
• Cerulean Delta color palette (#F4F7E7, #89D9ED, #009BC3, #007178, #00384F)
• Antique Dune color palette (#F6F6EC, #C6E5C2, #00B1B5, #00856F, #004950)
• Ancient Cerulean color palette (#F4F6EE, #C1E4E5, #6BACDD, #0088A6, #563E59)
• Hushed Olive color palette (#EEE3C9, #848132, #5F5300, #3D2E00, #0B0D00)
• Pale Aubergine Pier color palette (#F3E0DB, #B72900, #685B00, #7B007C, #160100)

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