Patina Villa color palette — #F5F1EB · #C2E8EE · #839CCD · #397488 · #422F3C
A conversation between Blue Fog and Slate, giving this palette its sense of trust and stability.
The five colors
- Cream (#F5F1EB): bright and airy, almost weightless.
- Frost (#C2E8EE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#839CCD): A luminous, dusty violet — the color of a velvet chair.
- Slate (#397488): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Espresso (#422F3C): A deep, shadowed, dusty pink — the color of neon signs at night.
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
- Turquoise Villa color palette (#F5F1EB, #C6E4DE, #5CA8C1, #287A6D, #1F3D33)
- Ash Meadow color palette (#F1F7F0, #DBDDEE, #8C96C4, #4A7684, #4F5164)
- Olive Hollow color palette (#F3F3E6, #A2BD8D, #B289CC, #587F33, #442730)
- Wandering Ultramarine color palette (#F5EEE4, #6AA3CE, #0052B6, #003844, #04032C)
- Jade Boulevard color palette (#F2F4DE, #79AC6B, #678ECB, #A46465, #282917)
- Aged Coast color palette (#EEE8DE, #93BFA7, #0074A3, #004B4C, #00162F)
- Cerulean Corridor color palette (#F8F1E6, #9BDCE8, #0090B6, #00635B, #00283F)
- Muted Lagoon color palette (#EEE6D9, #00898E, #00434F, #002018, #000103)
Browse the whole catalog at Explore, or see today's palette.