Tempered Villa color palette — #FFF2EB · #EED7BE · #81E3B1 · #CD856E · #454740

A conversation between Lagoon and Coral Clay, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#EED7BE): A whisper-light, dusty gold — the color of old brass.
• Lagoon (#81E3B1): A whisper-light, balanced teal — the color of sea glass.
• Coral Clay (#CD856E): A luminous, balanced orange — the color of autumn markets.
• Charcoal (#454740): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged 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

• Weathered Seafoam Harbor color palette (#FDF0FE, #FFC2C9, #7BDAD1, #D2959D, #33535A)
• Coral Meadow color palette (#FFF2EC, #EFD6C0, #B6CAFF, #D28170, #553D50)
• Muted Bronze Thicket color palette (#FBF4EB, #D9E4C3, #C8A97B, #A66942, #444200)
• Cocoa Orchard color palette (#FFF2F0, #FDF9B9, #E1DBCF, #CDA2AD, #793D1B)
• Hushed Canyon color palette (#FAF4EF, #D9F9CC, #AF765D, #6C3504, #221914)
• Hushed Alley color palette (#FFE9E1, #D4D2DE, #A49694, #71390F, #2A231F)
• Timeworn Coral color palette (#FFF2ED, #E3D8D1, #E8918A, #9A5C5C, #3B1E10)
• Quiet Station color palette (#FCF4E5, #EBD37F, #67C6FF, #A28816, #113D55)

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