Tempered Villa color palette — #FBF2F9 · #A0E2E8 · #33A3C9 · #137E5F · #1B3D5A
A conversation between Cyan and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF2F9): bright and airy, almost weightless.
- Ice Blue (#A0E2E8): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#33A3C9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#137E5F): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#1B3D5A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. 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
- Weathered Periwinkle Quarry color palette (#FBF2F7, #C1EDFF, #72AADE, #368A84, #384863)
- Antique Cobalt color palette (#FCE8F1, #86CFF4, #3C88DB, #006C6C, #232A52)
- Softworn Garden color palette (#FCF3F0, #CAEAD1, #74BBE4, #00A669, #253962)
- Denim Thicket color palette (#EADFE7, #4AA1AE, #006082, #003D30, #00091A)
- Mallow Delta color palette (#EFF6FF, #F2D2EA, #F8B0D6, #5F97B0, #3C4257)
- Tempered Iris Coast color palette (#D7E5FF, #6C8BFF, #AE8100, #7F7B2C, #1F2B42)
- Antique Cobalt Boulevard color palette (#EEDBE8, #4AC3DC, #007EB1, #005B4D, #001D48)
- Gentle Cornflower Market color palette (#D9F2FD, #58B6FF, #4C82DC, #54589D, #3F3059)
Browse the whole catalog at Explore, or see today's palette.