Tempered Villa color palette — #FFF2EC · #D68377 · #2D8F68 · #1E608B · #402329

Fern and Coral Clay set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Coral Clay (#D68377): A luminous, balanced orange — the color of toasted spice.
• Fern (#2D8F68): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#1E608B): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#402329): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Trust, Stability, Balance. 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

• Timeworn Taupe Alley color palette (#FEF3E9, #CD9268, #409499, #5C6793, #3F2D2B)
• Softworn Orchard color palette (#FFF1F2, #BC78A8, #74812F, #006766, #382331)
• Timeworn Apricot color palette (#FFF4E2, #EB9B74, #9B834D, #006F83, #423C37)
• Gentle Ridge color palette (#FFF3E3, #B18300, #00809A, #63399F, #421216)
• Pale Nightshade Summit color palette (#FFE9DC, #C85700, #007367, #002ABA, #32061F)
• Tempered Fern color palette (#FEF3EB, #AB6D47, #606000, #004872, #412615)
• Powdered Summit color palette (#FCF1FC, #F799A0, #76AE32, #7C7DC6, #302130)
• Soft Aubergine color palette (#F1E6D0, #977800, #006386, #5B227F, #2A0B00)

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