Tempered Villa color palette — #E7DDD8 · #57B1C2 · #005A87 · #002D1D · #00000B
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Bone (#E7DDD8): a clean, paper-quiet neutral.
- Cyan (#57B1C2): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#005A87): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#002D1D): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Nightshade Hollow color palette (#F2E8E0, #77A8CC, #3148AF, #002B2B, #020007)
- Dusty Petrol color palette (#F8EBE4, #7BC3D8, #006BAF, #003F30, #010014)
- Ancient Abyss color palette (#EFDFEA, #4D8B98, #00425D, #00231C, #00081C)
- Petrol Market color palette (#E0EFE2, #58AFC1, #0080A6, #005E58, #000A16)
- Forest Hollow color palette (#FFF2EE, #84DDDE, #0087AA, #00561F, #000C20)
- Gentle Cornflower color palette (#FCF3EC, #C1F2DE, #4D8DFF, #006B62, #1F1541)
- Chalky Boulevard color palette (#F4E6FD, #7B18A1, #005249, #003A3B, #030005)
- Misty Basin color palette (#FFE9EB, #E29EA1, #BD7F00, #403485, #040001)
Browse the whole catalog at Explore, or see today's palette.