Tempered Garden color palette — #FBE7F9 · #DC6366 · #8D8300 · #6B4E9D · #341C33

Coral Clay and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FBE7F9): A whisper-light, dusty pink — the color of neon signs at night.
• Coral Clay (#DC6366): A luminous, balanced orange — the color of sun-warmed clay.
• Olive Leaf (#8D8300): A full-bodied, balanced green — the color of fresh herbs.
• Plum (#6B4E9D): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#341C33): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Amber Hollow color palette (#FCE8F1, #CD7635, #648E50, #814A78, #351E2A)
• Airy Peony color palette (#F5EAFB, #D66290, #A8750D, #656500, #2F1F36)
• Feathered Rust Garden color palette (#F8E9F5, #AA5349, #00734D, #004A6B, #361B32)
• Bronze Pier color palette (#FBF2F6, #E3D6D4, #AEC9C2, #AB7047, #44363C)
• Patina Chapel color palette (#FCE0B8, #B17A00, #008D61, #9F0062, #2C1C00)
• Worn Amber color palette (#E6F7E6, #C38820, #617D2A, #005E4E, #4F140F)
• Feathered Summit color palette (#F6F3FF, #AD6AAC, #007C8A, #005489, #191D38)
• Muted Plum color palette (#DDFFE7, #B69000, #009D82, #AC3352, #372900)

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