Tempered Villa color palette — #F1F5FF · #B9BFFF · #D1C722 · #7B7BF3 · #403C00
Periwinkle and Saffron set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lavender (#B9BFFF): A whisper-light, balanced violet — the color of twilight just after sunset.
- Saffron (#D1C722): A luminous, vivid green — the color of new leaves after rain.
- Periwinkle (#7B7BF3): A luminous, vivid violet — the color of a velvet chair.
- Deep Olive (#403C00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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
- Cornflower Basin color palette (#EEF6FF, #94CBFF, #FFAD4F, #0991EE, #553100)
- Patina Orchid color palette (#F4F4FF, #E0ADFF, #9ED822, #BC50F3, #2E4200)
- Washed Station color palette (#D8DDF1, #C2B7FF, #ABA803, #7742E8, #2C2B00)
- Wisteria Ridge color palette (#F5F3FF, #EAB8ED, #96D088, #CF77D8, #2B4C22)
- Worn Coast color palette (#F1F5FF, #EFD5E2, #FBB8BB, #85AEFF, #48395F)
- Wandering Wisteria color palette (#F5F3FF, #EDCA7F, #BA68C7, #80388C, #1B172A)
- Worn Studio color palette (#FFEBF8, #8688FF, #968300, #4D43BF, #272000)
- Faded Apricot color palette (#E4EBFF, #AFA8FF, #FE8440, #00B789, #2E2857)
Browse the whole catalog at Explore, or see today's palette.