Tempered Garden color palette — #DEE5FD · #5A3BFF · #4800B1 · #2E0064 · #1F003A
A conversation between Iris and Indigo, giving this palette its sense of creativity and energy.
The five colors
- Frost (#DEE5FD): A whisper-light, dusty violet — the color of twilight just after sunset.
- Iris (#5A3BFF): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#4800B1): A deep, shadowed, vivid violet — the color of a velvet chair.
- Deep Indigo (#2E0064): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Indigo (#1F003A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Creativity, Energy. Tagged vibrant.
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
- Sunlit Grape Meadow color palette (#DBE4F3, #596AF0, #551AC8, #3D0072, #280036)
- Feathered Thicket color palette (#D6E8FF, #0563F0, #1B00BD, #1C0070, #130046)
- Linen Amethyst color palette (#EBE9FF, #8712F6, #4F0085, #34004A, #240014)
- Signal Lantern color palette (#E1E3FF, #8C70FF, #7A00E3, #58008C, #44155A)
- Grape Hollow color palette (#FFE3F0, #7100E1, #8C1900, #360072, #240200)
- Timeworn Amethyst Thicket color palette (#DCEBF5, #4181E7, #6D3CF5, #72009D, #22001A)
- Pale Loft color palette (#DAEFFF, #0070B4, #00427D, #001A59, #160030)
- Aubergine Thicket color palette (#E7D9F4, #6E00A0, #7C0025, #003353, #0F001B)
Browse the whole catalog at Explore, or see today's palette.