Tempered Garden color palette — #FFF1F1 · #E1DAFF · #FFB0DE · #E98456 · #57322D
Coral Clay takes the lead with Carnation close behind in a set that reads as optimism and creativity at first glance.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Thistle (#E1DAFF): A whisper-light, dusty violet — the color of a velvet chair.
- Carnation (#FFB0DE): A whisper-light, balanced pink — the color of neon signs at night.
- Coral Clay (#E98456): A luminous, balanced orange — the color of sun-warmed clay.
- Cocoa (#57322D): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Optimism, Creativity, Warmth, Comfort, Softness, Clarity. Tagged candy, vibrant, light, 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
- Wandering Study color palette (#F8F2FF, #E0D5E8, #FFBDC7, #EEAE7B, #582C2E)
- Hazy Mustard Corridor color palette (#FFF2EC, #FFC1D8, #FFA27D, #B69D00, #4C2A00)
- Antique Market color palette (#FFF1F6, #D7DFF9, #D2B4FF, #E57FA7, #52373E)
- Airy Mallow Meadow color palette (#F9F2FF, #FFC9FA, #F6A2D0, #BC6A76, #483552)
- Rose Archive color palette (#FFD4D3, #F49BAF, #E06065, #9D5438, #5E3E20)
- Soft Hollow color palette (#FFF2E8, #FFA0BB, #FE8838, #8C9300, #321A00)
- Tempered Apricot Corridor color palette (#F8F2FF, #E5D5DD, #FFA198, #B0B1A5, #3B2441)
- Blush Hollow color palette (#FFF2EF, #F3B7FF, #FF7F9F, #BE7A00, #4E0505)
Browse the whole catalog at Explore, or see today's palette.