Tempered Villa color palette — #CCEFFA · #8CC7E1 · #528EBF · #4D5899 · #2B2E4E
Built around Peacock, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Frost (#CCEFFA): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#8CC7E1): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#528EBF): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#4D5899): A full-bodied, balanced violet — the color of wild irises.
- Navy (#2B2E4E): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged muted, cool.
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
- Softworn Cobalt color palette (#DCF1FF, #78B9E4, #5089CA, #4A6394, #524B66)
- Antique Navy color palette (#EBF2FF, #B8D1F6, #7580B8, #3E4886, #16183A)
- Timeworn Harbor color palette (#CBF3EE, #7EC0B2, #1D939B, #005F79, #213C57)
- Antique Mulberry color palette (#E7F3FF, #A3B3E1, #8C76B4, #76457A, #3C2E4B)
- Washed Hollow color palette (#E9F3FF, #97B5E2, #B99661, #4471B8, #203822)
- Soft Aubergine Ridge color palette (#D1E2EF, #6D8CD2, #7154B9, #68087F, #340828)
- Airy Quarry color palette (#CCE4EE, #459DF0, #3B5CE2, #5B00A2, #40034D)
- Teal Harbor color palette (#EAF3FF, #DCD5E2, #DFB8C7, #55A2AA, #333B4D)
Browse the whole catalog at Explore, or see today's palette.