Tempered Villa color palette — #F9F2FF · #D88AB0 · #0E9794 · #506F8D · #2B323D

Built around Bubblegum, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Bubblegum (#D88AB0): A luminous, balanced rose — the color of a warm blush.
• Cerulean (#0E9794): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#506F8D): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#2B323D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Amber Meadow color palette (#FDF1F7, #D98456, #4792A5, #3D7382, #35303E)
• Wandering Parlor color palette (#FFF2EE, #EEB0B3, #53A075, #2679A4, #331E24)
• Dusty Blush Meadow color palette (#F8F2FF, #CC83B2, #838A51, #5F754F, #2E3745)
• Patina Veranda color palette (#EAFAEF, #F7A59F, #A68F63, #527291, #53424C)
• Cerulean Terrace color palette (#FEF3EB, #E4AF8E, #B9A164, #1296BB, #38312E)
• Faded Ember Summit color palette (#FFF0F8, #F45E12, #007C8D, #285B80, #2E1634)
• Aged Ash Cabin color palette (#FAF3F8, #E4D7D7, #AFB2BF, #B090AA, #565155)
• Marigold Garden color palette (#EBFAEE, #D7971C, #5D68BF, #545D8E, #34273B)

Browse the whole catalog at Explore, or see today's palette.