Tempered Garden color palette — #FFF2E9 · #FFB8D9 · #DF97A0 · #9D8869 · #57423F

Carnation and Rosewood Mist set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Carnation (#FFB8D9): A whisper-light, balanced rose — the color of a warm blush.
• Rosewood Mist (#DF97A0): A luminous, balanced red — the color of embers at dusk.
• Caramel (#9D8869): A luminous, dusty gold — the color of honey in a jar.
• Cocoa (#57423F): A full-bodied, dusty orange — the color of toasted spice.

Feels like: Sophistication. Tagged retro, 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

• Softworn Veranda color palette (#FFF3E5, #FFBFAC, #D3A37E, #7F946B, #6D3706)
• Wandering Taupe color palette (#EBFAED, #FCCBF2, #CD8E94, #5E7C5B, #443B4C)
• Weathered Blush Archive color palette (#FFEDEB, #FE8DBC, #8B7671, #5E5150, #271F1F)
• Gentle Bloom color palette (#FFF3E9, #FFA2AF, #F9694E, #867D18, #502829)
• Tempered Fern color palette (#FFF2EE, #EDD8BC, #C8C0AD, #A79F85, #565100)
• Dusty Driftwood color palette (#F2F4E1, #A5A6D9, #9E6576, #005D67, #3C242B)
• Frosted Ember color palette (#F7D8B8, #FF7C7D, #D56028, #656D00, #3A1A0A)
• Wandering Powder Meadow color palette (#F5F6EE, #B8E5EF, #9BC7EB, #6FAFAC, #42584C)

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