Tempered Garden color palette — #ECEBFD · #9960B4 · #475F03 · #003C3B · #001818

Amethyst and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#ECEBFD): A whisper-light, dusty violet — the color of a velvet chair.
• Amethyst (#9960B4): A full-bodied, balanced violet — the color of a velvet chair.
• Olive (#475F03): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#003C3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001818): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Aged Indigo Terrace color palette (#E5EEFF, #6873C7, #704E00, #003C3D, #001819)
• Muted Drift color palette (#F1F0FE, #A778BA, #5F6B30, #004667, #002134)
• Ancient Lantern color palette (#ECEBFC, #9466AB, #575A00, #1D2B6F, #180734)
• Plum Drift color palette (#F5EEFF, #A35A89, #724B00, #004632, #0A295A)
• Muted Villa color palette (#E7DAF5, #C6008D, #005C2A, #002D54, #000F21)
• Washed Delta color palette (#DDE0EF, #B29CBB, #8C6C7A, #2D5361, #002A38)
• Lowlit Grape Canyon color palette (#EDEAFF, #871999, #253F00, #001F23, #000405)
• Blush Field color palette (#FFF1F1, #E081BE, #A26721, #005A26, #001E2E)

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