Patina Cobalt Villa color palette — #FDF3EC · #A9CFBC · #3479C9 · #006153 · #4E2F43

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

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Pistachio (#A9CFBC): A whisper-light, dusty teal — the color of shallow lagoons.
• Azure (#3479C9): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006153): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#4E2F43): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Indigo Lantern color palette (#FCF4EB, #AAD4F5, #5974E3, #006666, #45375F)
• Petrol Villa color palette (#FFF2EC, #72C6D5, #0076AB, #00593B, #1B2E66)
• Softworn Workshop color palette (#FAF4EB, #B2E1CA, #4F9DD4, #007B82, #4A304A)
• Denim Drift color palette (#D2EBE5, #00AEAF, #007894, #004E8B, #2F3962)
• Bronze Studio color palette (#DFF5E6, #009FB6, #A56A00, #006270, #4A2F07)
• Tempered Bronze Meadow color palette (#D1ECDD, #0087A7, #916200, #5C5800, #143224)
• Cypress Drift color palette (#DFFEEE, #C6D2FF, #D8A0D3, #008476, #493849)
• Ultramarine Boulevard color palette (#EDE0D5, #75A5C5, #2E4EAD, #003E3C, #241146)

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