Tempered Garden color palette — #F0F5FF · #E1D5F2 · #A7ABF3 · #807CA8 · #484C68

Lavender takes the lead with Slate Blue close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Thistle (#E1D5F2): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender (#A7ABF3): A luminous, balanced violet — the color of twilight just after sunset.
• Slate Blue (#807CA8): A luminous, dusty violet — the color of a velvet chair.
• Charcoal Brown (#484C68): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Tempered Garden 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

• Antique Sky Courtyard color palette (#EAF8FF, #D0DBED, #72BFEA, #517C9E, #34495E)
• Tempered Mallow color palette (#F5F4FF, #FED2E2, #DFA4D6, #956887, #53475F)
• Aged Drift color palette (#FFEAFE, #A9BAE9, #7D80C5, #614888, #482632)
• Patina Seafoam Alley color palette (#F2F5FF, #E7D3EC, #88DDD9, #9792C8, #224D57)
• Lilac Meadow color palette (#F4F4FF, #E3D7E0, #BDA1D9, #735E87, #272643)
• Hushed Pier color palette (#F3F4FF, #E9D8E0, #BFB0B3, #728169, #4D4D5C)
• Tempered Stone color palette (#F3F4FF, #DBBBFF, #F59FA9, #7EA8C5, #363747)
• Misty Mallow Meadow color palette (#FAF2FF, #EA9AFD, #C06EC2, #7A3C6F, #3D1932)

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