Tempered Garden color palette — #F9E9F1 · #F34B7A · #B70909 · #722E00 · #4C2800

Hot Pink takes the lead with Ruby close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#F9E9F1): A whisper-light, dusty rose — the color of pressed rose petals.
• Hot Pink (#F34B7A): A luminous, vivid red — the color of a theater curtain.
• Ruby (#B70909): A full-bodied, vivid orange — the color of toasted spice.
• Rust (#722E00): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#4C2800): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, 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

• Scarlet Balcony color palette (#F8D7D9, #FF5C67, #DD0719, #A01C00, #621E00)
• Patina Peony color palette (#FEE3FA, #F04D9F, #B60045, #7A0014, #531A00)
• Sunlit Alley color palette (#F4E0E1, #F4184D, #B70414, #6F1000, #360E00)
• Linen Market color palette (#F3E0E7, #FF87A2, #FF4943, #B64800, #4C2D00)
• Dusty Alley color palette (#FFE6DA, #E87539, #8A4300, #531F00, #361200)
• Aged Terrace color palette (#FCE9EB, #B12726, #592500, #241200, #050700)
• Ember Lagoon color palette (#FDDDC8, #D25C0B, #008179, #803400, #003632)
• Worn Cabin color palette (#FFEFEB, #F6C888, #A9B431, #A80058, #4F2A00)

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