Tempered Villa color palette — #FCF4E7 · #D1E9FF · #00A8DC · #00736D · #002741
A conversation between Cyan and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FCF4E7): bright and airy, almost weightless.
- Frost (#D1E9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#00A8DC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#00736D): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002741): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Linen Periwinkle Canyon color palette (#FFF4E2, #DEE4F7, #4F99FF, #006F84, #14195C)
- Petrol Courtyard color palette (#EEF8F0, #71C6D9, #00789E, #005652, #003658)
- Muted Denim Terrace color palette (#F3E9DA, #77A9C8, #005699, #002A31, #00000C)
- Pale Parlor color palette (#FFF2EC, #8DEAFE, #43B4FE, #009C72, #1B2677)
- Ancient Cobalt color palette (#FCF4E8, #90D8EF, #0084B8, #005151, #000D1E)
- Patina Powder color palette (#F9F4EE, #C1E1F1, #8AC1F1, #37909B, #4F354D)
- Peony Pier color palette (#FFF0F8, #F44EB9, #968D00, #007EA0, #28001A)
- Misty Courtyard color palette (#FFF1F2, #FF98E3, #00B075, #A9008C, #002616)
Browse the whole catalog at Explore, or see today's palette.