Tempered Garden color palette — #FFF1F1 · #E88FC9 · #B2A759 · #649CAE · #513C3D

Bubblegum and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bubblegum (#E88FC9): A luminous, balanced pink — the color of peonies in June.
• Sage (#B2A759): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#649CAE): A luminous, dusty blue — the color of deep harbor water.
• Charcoal (#513C3D): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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 Wisteria color palette (#FFF1F5, #C59EE5, #C79B6B, #7F9C7A, #523B42)
• Weathered Harbor color palette (#FFF2EC, #F59283, #80B389, #8291BB, #48403D)
• Timeworn Ash Archive color palette (#FFF1F1, #C081A5, #659774, #37876F, #533B3B)
• Weathered Villa color palette (#FAF1FF, #F0B3C9, #ACC98C, #3AC7B3, #4B3C53)
• Periwinkle Drift color palette (#F7F3FF, #E9BBDC, #EBA98E, #8B9FDE, #3C3449)
• Aged Frost Orchard color palette (#FFF1F1, #BBF0E0, #E5D7D4, #BB959E, #614D4B)
• Linen Peony color palette (#FFE3E9, #FF508E, #7D9E00, #0084CB, #4D1E2D)
• Bronze Parlor color palette (#FFF2EB, #EAC1A4, #BC907E, #A36146, #643E00)

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