Tempered Garden color palette — #EDDFF1 · #DA4B76 · #683520 · #3F1822 · #150D1F

A conversation between Fuchsia and Cocoa, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#EDDFF1): A whisper-light, dusty pink — the color of a candy shop window.
• Fuchsia (#DA4B76): A luminous, vivid red — the color of a theater curtain.
• Cocoa (#683520): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Espresso (#3F1822): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#150D1F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged noir, dark, luxury, warm.

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

• Worn Loft color palette (#FAE8F7, #C9574D, #583242, #2F192B, #110A15)
• Magenta Corridor color palette (#F0EBFD, #CB48BA, #69313B, #391834, #10101E)
• Ancient Rose Chapel color palette (#FFF2EF, #FF2D7C, #5D2C18, #250D09, #050001)
• Weathered Blush color palette (#F9E9FC, #FF6289, #8E5553, #4C3A4F, #150F18)
• Plum Meadow color palette (#F5DCD6, #C1004F, #500F13, #2A0F09, #0F0602)
• Aged Amber color palette (#F2DEE8, #BF7D58, #395540, #3B2632, #1C161C)
• Obsidian Terracotta Bloom color palette (#EFDDE9, #A73300, #331F00, #180300, #040006)
• Washed Bronze Harbor color palette (#DCE8DB, #A36900, #3C3A00, #281600, #11020B)

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