Tempered Garden color palette — #FFF4E2 · #D5B8FC · #D28AB4 · #818752 · #52323A

Built around Mauve, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Lavender (#D5B8FC): A whisper-light, balanced violet — the color of twilight just after sunset.
• Mauve (#D28AB4): A luminous, balanced pink — the color of a candy shop window.
• Moss (#818752): A luminous, dusty green — the color of a quiet forest floor.
• Charcoal (#52323A): A deep, shadowed, dusty red — the color of late-summer berries.

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

• Petal Lantern color palette (#FDF4E5, #F2BDE3, #D29FA0, #719774, #5A403E)
• Dusty Villa color palette (#FFF4E2, #A3CAFF, #A999D8, #A47749, #4D3347)
• Airy Station color palette (#FFF1F5, #D5A9F3, #CF8D74, #66894A, #003F50)
• Weathered Canyon color palette (#FFF4E2, #FF9FBF, #EB7751, #00906E, #52252B)
• Worn Fuchsia Pier color palette (#F5DEE1, #D888DC, #886664, #594347, #1E1519)
• Powder Courtyard color palette (#EEFAE3, #90B1EF, #AA7099, #19745C, #513243)
• Fern Pier color palette (#FFF1F4, #F9C8C8, #D6B1A4, #8F8D68, #405716)
• Ancient Turquoise color palette (#F9F4ED, #BFEBEE, #9DC1E8, #59A5B3, #384769)

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