Patina Villa color palette — #FCF4EA · #9DD2C2 · #5976B7 · #005E68 · #38355B

Slate and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF4EA): bright and airy, almost weightless.
• Pistachio (#9DD2C2): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#5976B7): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005E68): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#38355B): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Patina 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 Forest Villa color palette (#FCF3EE, #B1CEB2, #2A849B, #006340, #0E3F5B)
• Softworn Cobalt color palette (#EAF4F4, #ADCBE7, #4C7FB7, #005775, #0C1F40)
• Timeworn Summit color palette (#FFF2E9, #67C4ED, #0070C2, #005654, #20296D)
• Ancient Azure color palette (#F3F7ED, #B3DFD2, #5D98DE, #00769F, #253A60)
• Washed Cypress color palette (#FEF3ED, #CCE3D1, #5F92AA, #2B705C, #553E58)
• Petrol Lantern color palette (#FDF0FF, #F5CAE1, #D3A5CC, #2A7485, #4B3347)
• Weathered Denim color palette (#E9DDD6, #479CB2, #004F75, #00302A, #001036)
• Worn Powder color palette (#FAF3F5, #C7E4FF, #90AFFB, #009DAE, #303859)

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