Tempered Garden color palette — #F4D5E7 · #FF9CC1 · #FF5788 · #C15054 · #712C1A

Rose and Brick set the tone — five colors that lean into warmth and comfort.

The five colors

• Shell Pink (#F4D5E7): A whisper-light, dusty pink — the color of peonies in June.
• Carnation (#FF9CC1): A luminous, balanced rose — the color of a warm blush.
• Rose (#FF5788): A luminous, vivid red — the color of a theater curtain.
• Brick (#C15054): A full-bodied, balanced orange — the color of sun-warmed clay.
• Rust (#712C1A): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

• Quiet Coral color palette (#F9D3DB, #FFA0A5, #FF6E63, #CB5C37, #5F2B04)
• Aged Peony color palette (#F9E8FA, #FF93E9, #FF5CB8, #C85578, #6A2B2F)
• Dusty Blush Lantern color palette (#FFF0FD, #FFAFD2, #FD5A7B, #B72F23, #5C2000)
• Washed Rose Alley color palette (#ECDEEF, #FF83C3, #E63963, #9F371B, #593100)
• Quiet Meadow color palette (#FFD9E6, #F07092, #C30048, #8A0021, #460004)
• Coral Summit color palette (#FFF2EF, #FFBFB6, #FF7C70, #C35545, #470400)
• Rose Thicket color palette (#FFF2EE, #FFAAAF, #28DCD7, #EA4C63, #004442)
• Misty Rose Coast color palette (#FFE5E6, #FF5345, #CB4500, #904600, #301A00)

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