Tempered Garden color palette — #EFF4FF · #DAC0F9 · #CB77B3 · #A86576 · #5C455A

A conversation between Bubblegum and Mocha, giving this palette its sense of creativity and balance.

The five colors

• Ivory (#EFF4FF): bright and airy, almost weightless.
• Lavender (#DAC0F9): A whisper-light, balanced violet — the color of a velvet chair.
• Bubblegum (#CB77B3): A luminous, balanced pink — the color of neon signs at night.
• Mocha (#A86576): A full-bodied, balanced red — the color of a theater curtain.
• Charcoal Brown (#5C455A): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: 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

• Ancient Villa color palette (#FBF1FF, #FFC4D5, #CE82A0, #8B556F, #453250)
• Washed Teal color palette (#F5F4FE, #DCB4E4, #41C9BC, #A679AF, #2C545C)
• Timeworn Canyon color palette (#FFF0F7, #F1D3E3, #DEA2CB, #9D667E, #6C4A42)
• Iris Station color palette (#ECF7FF, #A5C8FE, #9495E8, #886196, #564D69)
• Wandering Coral color palette (#F7F3FF, #F4B1C3, #E17D7C, #9A624B, #3D523D)
• Taupe Villa color palette (#FEF1F8, #BAD2BB, #C38D71, #856A86, #3C4C44)
• Powdered Crimson Workshop color palette (#EBE0EC, #EA84A5, #D83A59, #9D3A0F, #4A3006)
• Antique Brick color palette (#F8D4E7, #E14C7C, #C40C03, #683600, #261900)

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