Tempered Villa color palette — #FFF0FE · #FF9A9A · #18BED9 · #07A3BB · #362336

Cyan and Rose Quartz set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Rose Quartz (#FF9A9A): A luminous, balanced orange — the color of toasted spice.
• Cyan (#18BED9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#07A3BB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Onyx (#362336): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Balance. Tagged cool.

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

• Aged Field color palette (#F5F3FF, #DEA1EA, #00C3BA, #3DA1B3, #2B273D)
• Hazy Periwinkle color palette (#FFF0FA, #FF9D7F, #77AAFF, #6592DB, #392232)
• Ancient Apricot Quarry color palette (#FFF2ED, #FFA197, #87C78B, #8EA4D7, #3E3633)
• Ember Pier color palette (#FFF2ED, #C86867, #008D8E, #197588, #3E3633)
• Coral Courtyard color palette (#FFF1F0, #FF5757, #108BF5, #0070D7, #2B0002)
• Quiet Apricot Summit color palette (#FFF1F7, #FF8C24, #938DFF, #8572DE, #371800)
• Hushed Lichen Hollow color palette (#FBF1FF, #EDFFB6, #D9DACD, #C69CC4, #5A4351)
• Taupe Courtyard color palette (#EBFAEE, #B8EAD5, #B89956, #8B5F46, #1E3734)

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