Patina Villa color palette — #E7DCD2 · #9DC5E8 · #7689EC · #007C7F · #281041

Built around Lavender Blue, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Bone (#E7DCD2): bright and airy, almost weightless.
• Sky (#9DC5E8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Lavender Blue (#7689EC): A luminous, balanced violet — the color of a velvet chair.
• Teal (#007C7F): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#281041): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

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

• Dusty Azure Boulevard color palette (#EBDFD8, #90CBDA, #099AEB, #008060, #111452)
• Sapphire Cabin color palette (#DAE2DB, #8FB6D7, #2D70D7, #005669, #131255)
• Periwinkle Delta color palette (#FFF2EC, #A4E5F9, #56B1FF, #009B7B, #25296A)
• Patina Sapphire Coast color palette (#FCF4E7, #9CD2FF, #1972F1, #004F60, #06062A)
• Timeworn Ultramarine Thicket color palette (#EAD9DF, #6DA3C9, #354DB0, #003938, #100027)
• Softworn Amethyst Lantern color palette (#D9ECE0, #00A767, #8469E7, #7C3EFF, #00170A)
• Magenta Corridor color palette (#ECE7D8, #A3A22D, #D053CB, #777500, #310030)
• Jade Corridor color palette (#FBF3F1, #C6EADF, #81C9E3, #6EA874, #2C4A6A)

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