Tempered Garden color palette — #F4D9E7 · #FA7415 · #7A6435 · #523947 · #170E17

Built around Tangerine, softened by Walnut — the whole palette hums with optimism and balance.

The five colors

• Shell Pink (#F4D9E7): A whisper-light, dusty rose — the color of strawberry cream.
• Tangerine (#FA7415): A luminous, vivid orange — the color of autumn markets.
• Walnut (#7A6435): A full-bodied, dusty gold — the color of old brass.
• Charcoal (#523947): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#170E17): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Balance. Tagged noir, dark, luxury, 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

• Antique Blush color palette (#FCE9FC, #FF6579, #8C5939, #4D3A4D, #140F19)
• Tempered Amber Alley color palette (#F0DAE3, #CD7000, #60531F, #3E2832, #080307)
• Aged Veranda color palette (#D1EAD3, #D09400, #656D35, #304933, #180E13)
• Ember Canyon color palette (#FFF2EA, #E86400, #3F3B35, #231003, #050000)
• Dusty Hollow color palette (#E4F1E6, #9D7000, #3F461C, #0D2311, #050102)
• Velvet Atelier color palette (#F6E3D6, #A94C00, #3B2400, #1F0800, #090200)
• Hushed Moss color palette (#EFF3D6, #919B00, #336640, #0F3E2F, #010B03)
• Lime Pier color palette (#E4F7F1, #A2C657, #628283, #495854, #1E2320)

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