Tempered Villa color palette — #E7F5F5 · #B2CAE4 · #4B7BC5 · #00557B · #10203B
A conversation between Azure and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E7F5F5): a clean, paper-quiet neutral.
- Lilac Frost (#B2CAE4): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#4B7BC5): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00557B): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#10203B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered 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
- Worn Cerulean color palette (#EBF4F2, #AACEDD, #008AA3, #005B5B, #002435)
- Muted Cobalt color palette (#FAF4ED, #A1CAF0, #5B73C0, #005E6B, #4F2E40)
- Washed Cerulean color palette (#DAEBE9, #3797B5, #00506D, #002B31, #00050B)
- Hushed Periwinkle color palette (#EBF4F3, #D5D9EC, #779FCF, #39738E, #2A3749)
- Gentle Terrace color palette (#D3E5E3, #21934B, #007B92, #745600, #001817)
- Mint Basin color palette (#D9FAF7, #A8E9E6, #62C7B0, #5D7E44, #002727)
- Aged Chestnut Lagoon color palette (#EFDAE2, #B69164, #90540B, #5C3214, #071D0B)
- Antique Pier color palette (#E1E3CC, #90A327, #547000, #2A4F00, #0C2903)
Browse the whole catalog at Explore, or see today's palette.