Tempered Rose Villa color palette — #FFF2ED · #FF3E42 · #007A97 · #00618F · #39192B

A conversation between Scarlet and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Scarlet (#FF3E42): A luminous, vivid orange — the color of sun-warmed clay.
• Teal (#007A97): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00618F): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#39192B): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Tempered Rose 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

• Soft Lantern color palette (#FFF2EE, #FD157F, #008491, #00626F, #341B2B)
• Rose Cabin color palette (#FFF2EE, #D85478, #007482, #643571, #2D1718)
• Muted Amber Balcony color palette (#FFF2EA, #E47322, #0069AB, #4649A0, #371521)
• Amber Coast color palette (#FFF2EA, #CF6A00, #00839A, #005E6F, #37181E)
• Airy Coral Corridor color palette (#FFF0FB, #F9786A, #009271, #005284, #1F001A)
• Powdered Tangerine color palette (#FFF4E1, #FF7C4D, #917D00, #30599C, #502B02)
• Faded Workshop color palette (#FFF1F3, #D638B8, #008C72, #006863, #02253D)
• Pale Sapphire Grove color palette (#FFF1F6, #FD9018, #B1A61A, #0964E9, #361900)

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