Tempered Villa color palette — #FFF3E8 · #DE873D · #2C93CB · #8D572A · #1E475F

Mustard takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Mustard (#DE873D): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#2C93CB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ochre (#8D572A): A full-bodied, balanced gold — the color of old brass.
• Navy (#1E475F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Muted Courtyard color palette (#FFF3E4, #D19117, #5F89D2, #885B00, #533752)
• Chestnut Veranda color palette (#FEEFE1, #D59357, #3F99BD, #925300, #002C3C)
• Worn Coral Veranda color palette (#FFF2ED, #EA7970, #009CA5, #9D4741, #074C50)
• Worn Lantern color palette (#FFF0F8, #E6A783, #71A8E9, #B86835, #284465)
• Dusty Amber Archive color palette (#FFF3E7, #C17300, #008E83, #735D8D, #3C3731)
• Linen Sapphire Lantern color palette (#FBE1B6, #AC7A00, #0A62F1, #674800, #062966)
• Washed Cocoa color palette (#FFF3E8, #C3A077, #956644, #7A401A, #403D36)
• Ancient Courtyard color palette (#FEF6D4, #A4AC25, #814CCF, #5D6200, #422D65)

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