Tempered Garden color palette — #EFF6FF · #A9C5FF · #F9B326 · #5C87EE · #4F3500

Periwinkle takes the lead with Saffron close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#A9C5FF): A whisper-light, balanced violet — the color of a velvet chair.
• Saffron (#F9B326): A luminous, vivid gold — the color of honey in a jar.
• Periwinkle (#5C87EE): A luminous, vivid violet — the color of wild irises.
• Espresso (#4F3500): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Balance. Tagged cool.

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

• Feathered Balcony color palette (#FFF0FD, #ABC8FF, #D8A907, #3570F9, #3B2C00)
• Mustard Hollow color palette (#E9EEFF, #BAB4FF, #C8C036, #8278D3, #3A3700)
• Cerulean Villa color palette (#ECF7FF, #79D1FF, #FFAC6B, #0099D0, #5A2D00)
• Hazy Corridor color palette (#F4F4FF, #DFBAFF, #A7CC80, #B38BD3, #374921)
• Coral Station color palette (#EAF8FF, #93E8FF, #EA8266, #00A9C7, #66200C)
• Airy Coral Drift color palette (#E4EBFF, #9AB0FF, #FF8068, #4CB46F, #262E4F)
• Washed Coast color palette (#D7E8D7, #FFB36B, #C9ACFF, #4C4F6E, #1C1D27)
• Dusty Honey Atelier color palette (#F4F4FF, #FFC531, #A179C7, #66517A, #19182B)

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