Tempered Villa color palette — #F5F7E4 · #CEE9FF · #00ABCF · #007275 · #002938
Cyan and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F5F7E4): A whisper-light, dusty green — the color of fresh herbs.
- Frost (#CEE9FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#00ABCF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007275): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002938): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Azure Canyon color palette (#F3F7E9, #DBE1F4, #309EFD, #006D8E, #002252)
- Weathered Terrace color palette (#E9EDE0, #79A9C5, #00598B, #002A35, #000104)
- Petrol Pier color palette (#E4F8E8, #80C8D7, #007DA1, #00524D, #001C30)
- Sky Veranda color palette (#FFF2EC, #85EBFF, #18B9F9, #009A80, #0A3260)
- Chalky Mustard Courtyard color palette (#FFF4DB, #CCB300, #00AFB2, #7B6B00, #002425)
- Gentle Quarry color palette (#FFF2EC, #7AC5D5, #0075AF, #00583E, #1C2B6D)
- Tempered Studio color palette (#F4F6EF, #C1DEEA, #A9C3F3, #649CA6, #3C534B)
- Powdered Moss Harbor color palette (#F2FCC6, #96A400, #00A08E, #B45200, #121400)
Browse the whole catalog at Explore, or see today's palette.