Tempered Garden color palette — #FFF1F7 · #C4A9FF · #CF548B · #8A4DE2 · #330D1E
Amethyst and Hot Pink set the tone — five colors that lean into creativity and energy.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Lavender (#C4A9FF): A luminous, balanced violet — the color of wild irises.
- Hot Pink (#CF548B): A luminous, vivid rose — the color of strawberry cream.
- Amethyst (#8A4DE2): A full-bodied, vivid violet — the color of wild irises.
- Onyx (#330D1E): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Creativity, Energy, Balance. Tagged duotone, 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
- Sapphire Market color palette (#FEF0FC, #9BB9FF, #BF59B3, #3866FA, #311116)
- Wandering Byzantium color palette (#FFF1F4, #DF9BFA, #E04E26, #A346C4, #321301)
- Tempered Rose color palette (#F3F4FF, #DDD0FF, #FF3567, #8F5AE2, #120413)
- Washed Courtyard color palette (#F8E5EB, #BF8AE9, #C4373E, #8336B4, #1D0500)
- Softworn Amber color palette (#FDF2F2, #ECAED4, #CA7557, #AD6493, #311F14)
- Feathered Harbor color palette (#F1F5FF, #C2CBFF, #FF7672, #838DFF, #281527)
- Patina Mulberry Studio color palette (#F1DEFF, #ED97E7, #C85798, #B00049, #670302)
- Dusty Workshop color palette (#FFF1F1, #FE90CF, #C36D00, #CB1D93, #2D1700)
Browse the whole catalog at Explore, or see today's palette.