Tempered Garden color palette — #F3F4FF · #E9D3EF · #E6B0E1 · #867DD1 · #36375A

Built around Lavender Blue, softened by Carnation — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Thistle (#E9D3EF): A whisper-light, dusty pink — the color of a candy shop window.
• Carnation (#E6B0E1): A whisper-light, balanced pink — the color of a candy shop window.
• Lavender Blue (#867DD1): A luminous, balanced violet — the color of twilight just after sunset.
• Navy (#36375A): A deep, shadowed, dusty violet — the color of wild irises.

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

• Washed Lilac color palette (#F5F3FF, #E6D4E2, #F8BAB4, #A78AC4, #4D475E)
• Cerulean Dune color palette (#EEF6FF, #DCD7EC, #B4B9F1, #3395CC, #2C4058)
• Wandering Ash Harbor color palette (#FFF1F6, #E8D8E1, #C8B19C, #9290C4, #452732)
• Timeworn Summit color palette (#F2F5FF, #F7D8FF, #F29AAE, #496D98, #3F3E55)
• Worn Grape Quarry color palette (#DCDCFC, #DDB4E0, #C784B3, #7250AF, #34123E)
• Dusty Iris color palette (#E5EFFF, #658DE0, #4F9255, #007162, #18273D)
• Gentle Magenta color palette (#F8F2FF, #FFCEDE, #FFA3AA, #C43EB6, #5F1A3C)
• Basalt Cabin color palette (#F1ECFA, #DDA592, #834F77, #531C49, #181321)

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