Tempered Garden color palette — #F3F5FC · #E4CEA2 · #767B9B · #474B67 · #282A37

Wheat takes the lead with Slate close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#F3F5FC): bright and airy, almost weightless.
• Wheat (#E4CEA2): A whisper-light, dusty gold — the color of old brass.
• Slate (#767B9B): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#474B67): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#282A37): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Driftwood Boulevard color palette (#FBF2F6, #CCDFCD, #8A7DAF, #5B3B4A, #21181C)
• Ancient Orchard color palette (#F9F2FC, #DBC18A, #995D6E, #4F3857, #261E29)
• Denim Meadow color palette (#F3F5FB, #9DCBC0, #515D7F, #2D3755, #27242E)
• Ash Basin color palette (#FBF2F8, #CCE8BF, #949AC9, #816277, #30292D)
• Ancient Corridor color palette (#F4F4FC, #CDCCF5, #CF8385, #9F7ABB, #342A34)
• Dusty Summit color palette (#ECF9EE, #DEACCE, #B78383, #467975, #4E4256)
• Hushed Ridge color palette (#F6F4FB, #DFD7DC, #BEAEAD, #9F95B7, #535159)
• Lilac Villa color palette (#F5F3FF, #B58AC1, #918351, #2F7160, #273545)

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