Tempered Villa color palette — #F0F5FF · #4060B5 · #7B3500 · #2B3D00 · #00212D

Built around Cobalt, softened by Rust — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Cobalt (#4060B5): A full-bodied, balanced violet — the color of wild irises.
• Rust (#7B3500): A full-bodied, balanced orange — the color of sun-warmed clay.
• Forest (#2B3D00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Midnight (#00212D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

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

• Worn Pier color palette (#F3F4FF, #7257A6, #5D4200, #004026, #012034)
• Garnet Station color palette (#ECF7FF, #006D96, #8D1F2E, #433200, #00272B)
• Dusty Courtyard color palette (#EFF1FE, #7D69AB, #8C3224, #304200, #00313D)
• Cocoa Balcony color palette (#E6F4FD, #007797, #853500, #003937, #000B13)
• Quiet Study color palette (#DEF6E2, #857BBD, #7C4078, #4A4000, #2C2C4D)
• Nightshade Garden color palette (#E2EAFF, #2E2E92, #4C2400, #092300, #00070A)
• Dusty Ridge color palette (#F3F5FB, #DCD7DF, #B4B1C2, #5C59A4, #363A47)
• Frosted Lantern color palette (#FFF0FC, #6788EA, #B22A54, #005B36, #291827)

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