Tempered Villa color palette — #F0D6E0 · #E49D5C · #83A9FF · #AE6200 · #0D225F

Cornflower and Ochre set the tone — five colors that lean into optimism and creativity.

The five colors

• Shell Pink (#F0D6E0): A whisper-light, dusty rose — the color of pressed rose petals.
• Apricot (#E49D5C): A luminous, balanced gold — the color of afternoon light on wheat.
• Cornflower (#83A9FF): A luminous, balanced violet — the color of twilight just after sunset.
• Ochre (#AE6200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#0D225F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Optimism, Creativity, 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

• Bronze Courtyard color palette (#EED7E2, #E89968, #23BBF0, #B95900, #002E3E)
• Pale Amber color palette (#E2F4E3, #E4B66B, #86AFFF, #BD8500, #1C3362)
• Cornflower Balcony color palette (#CFE5D4, #E5BE54, #5B8AEA, #A07D00, #042065)
• Hushed Indigo color palette (#CFE6D4, #D7A82C, #6E64E9, #8D6B00, #18064E)
• Sunlit Hollow color palette (#C7E6DC, #B1D16E, #9393FF, #5F7B00, #231D5A)
• Scarlet Drift color palette (#EAD7E7, #EF9189, #00B8B3, #F10D29, #00302F)
• Mustard Boulevard color palette (#E7DEED, #09C1F1, #CBA200, #493800, #0A190F)
• Peony Grove color palette (#EFDAC4, #CB8832, #BB5BB5, #8B5500, #480046)

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