Patina Villa color palette — #F3E7DD · #88BBD5 · #336DAB · #004B4B · #0C0C3F

A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F3E7DD): bright and airy, almost weightless.
• Sky (#88BBD5): A luminous, dusty blue — the color of deep harbor water.
• Slate (#336DAB): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#0C0C3F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Softworn Archive color palette (#F2E6E1, #9BBDA1, #007696, #004D38, #00172C)
• Timeworn Cobalt color palette (#F8F0E9, #A7D2C4, #607CAF, #005A61, #1D1A41)
• Dusty Delta color palette (#F0E2DA, #5FABA8, #006374, #003C20, #000C16)
• Lilac Corridor color palette (#CEFEEE, #B3C0F4, #BD8AC6, #006668, #051E39)
• Wandering Boulevard color palette (#E6FAF8, #CCDDFC, #489ACF, #00677B, #00203B)
• Aged Azure color palette (#CCE3FF, #4D9CE0, #005A8F, #002544, #00050D)
• Wandering Cypress color palette (#F7F0EB, #C6E6E8, #839EC5, #2B787C, #442E3C)
• Linen Harbor color palette (#C3EBDE, #0071AD, #8F4900, #6C4100, #000C18)

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