Tempered Villa color palette — #F5F4FE · #D5BD8C · #6F507B · #38354D · #29222A

Graphite and Sand set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F5F4FE): a clean, paper-quiet neutral.
• Sand (#D5BD8C): A luminous, dusty gold — the color of afternoon light on wheat.
• Graphite (#6F507B): A full-bodied, dusty pink — the color of neon signs at night.
• Navy (#38354D): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#29222A): a grounded near-black with real depth.

Feels like: Optimism, Creativity, Sophistication. Tagged luxury, dark, 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

• Hushed Seafoam Balcony color palette (#EFF1FA, #95D3BB, #5F5C82, #292F47, #11131C)
• Dusty Taupe Canyon color palette (#FFF1F3, #FDD4BE, #BF9097, #836368, #352729)
• Cocoa Corridor color palette (#FCF1FA, #C5AB76, #7C3B39, #4B1E1D, #291D28)
• Rust Grove color palette (#F6F4FA, #DDAFD6, #B86147, #8E5687, #362932)
• Patina Meadow color palette (#FFF0F9, #9AE3C5, #967087, #5D4453, #33272E)
• Mulberry Lantern color palette (#F7F2FF, #C79A29, #7E0066, #450537, #1F152B)
• Aged Bronze Workshop color palette (#EBFAEE, #D292A6, #A36450, #1C6851, #514252)
• Washed Boulevard color palette (#F7F3FA, #E3D7DB, #B5ACA4, #8C7999, #555058)

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