Tempered Garden color palette — #ECD7EB · #F53DB3 · #BF0052 · #8B1813 · #471400

Hot Pink and Magenta Rose set the tone — five colors that lean into optimism and warmth.

The five colors

• Thistle (#ECD7EB): A whisper-light, dusty pink — the color of neon signs at night.
• Hot Pink (#F53DB3): A luminous, vivid rose — the color of pressed rose petals.
• Magenta Rose (#BF0052): A full-bodied, vivid red — the color of embers at dusk.
• Rust (#8B1813): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#471400): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Energy. 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 Corridor color palette (#F5E0EB, #FF4F91, #CF041B, #7D3100, #3B1E00)
• Aged Magenta color palette (#EADBF5, #EC56E5, #BB198D, #850E35, #490303)
• Soft Plum Quarry color palette (#F4D4FF, #E470BE, #C12C62, #940804, #662D00)
• Frosted Raspberry Bloom color palette (#F9E9F2, #E63480, #A20030, #5D1500, #2C1200)
• Chalky Rose Terrace color palette (#FBE2F2, #FE80B8, #E73F71, #B31F38, #6B1811)
• Crimson Meadow color palette (#F7D5DC, #D60038, #7C1F00, #3A1D00, #0E0700)
• Rose Alley color palette (#FEEBFF, #FF4D71, #00968F, #A5183E, #002724)
• Brick Boulevard color palette (#FFEDEA, #FF8685, #C41B26, #6E000E, #240000)

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