Tempered Villa color palette — #FDF2F6 · #D5E0F8 · #9BBDFD · #68A59E · #3F4564
Sky and Eucalyptus set the tone — five colors that lean into calm and sophistication.
The five colors
- Ivory (#FDF2F6): a clean, paper-quiet neutral.
- Frost (#D5E0F8): A whisper-light, dusty violet — the color of twilight just after sunset.
- Sky (#9BBDFD): A luminous, balanced violet — the color of wild irises.
- Eucalyptus (#68A59E): A luminous, dusty teal — the color of shallow lagoons.
- Charcoal (#3F4564): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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
- Aqua Study color palette (#F9F3FA, #B8F9F4, #7BCBE1, #7DA478, #324A61)
- Antique Stone Basin color palette (#DFFBFE, #D1DCEC, #BCADB0, #8ABBAB, #3B545A)
- Aged Periwinkle Boulevard color palette (#F9F4ED, #BEF2DF, #7DA8DB, #438593, #553F51)
- Periwinkle Quarry color palette (#F7EBEF, #A8DAFF, #819EFD, #01918F, #322648)
- Soft Thicket color palette (#E6F0E5, #7FB6E7, #6570F7, #006C70, #1D0333)
- Pale Teal color palette (#DFFBFF, #6CE5C9, #FE9DAF, #2CB69C, #513855)
- Aged Workshop color palette (#F5E8EF, #2EB1D3, #0077C9, #005F4C, #060129)
- Emerald Harbor color palette (#FFF0FE, #71F0F6, #00BBF1, #219D55, #10325E)
Browse the whole catalog at Explore, or see today's palette.