Tempered Garden color palette — #DBDAFF · #C3A3CE · #95657A · #554E19 · #1F3612
Deep Olive and Mauve set the tone — five colors that lean into nature and growth.
The five colors
- Thistle (#DBDAFF): A whisper-light, dusty violet — the color of wild irises.
- Mauve (#C3A3CE): A luminous, dusty pink — the color of peonies in June.
- Mocha (#95657A): A full-bodied, dusty rose — the color of pressed rose petals.
- Deep Olive (#554E19): A full-bodied, dusty green — the color of a quiet forest floor.
- Deep Forest (#1F3612): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication. Tagged vintage, 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
- Stone Harbor color palette (#EFDEEB, #DC9EAA, #9F6D5B, #2F5A3E, #003634)
- Aged Pewter Canyon color palette (#E1DBF1, #AE89B4, #8F5664, #3E421A, #002422)
- Weathered Bloom color palette (#E0F2FF, #94AEE7, #876EA4, #6D485A, #342A00)
- Tempered Courtyard color palette (#F4F4FF, #D7B5E1, #B8889E, #77722F, #325831)
- Muted Cocoa color palette (#EFE3F3, #9D6F85, #6F3F3C, #00312D, #001611)
- Timeworn Harbor color palette (#F9EDFE, #D7BED1, #9E8A92, #516B6F, #2D434E)
- Antique Bloom color palette (#E5F2FF, #88AACB, #7B76AE, #216A2E, #00555D)
- Twilit Basalt Orchard color palette (#F7D6D8, #825440, #4E3200, #001C1B, #000508)
Browse the whole catalog at Explore, or see today's palette.