Tempered Garden color palette — #F8EFF0 · #DFD7CE · #C6BEA7 · #926387 · #33292A

Slate and Stone set the tone — five colors that lean into creativity and sophistication.

The five colors

• Cream (#F8EFF0): bright and airy, almost weightless.
• Bone (#DFD7CE): bright and airy, almost weightless.
• Stone (#C6BEA7): A luminous, dusty green — the color of fresh herbs.
• Slate (#926387): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#33292A): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Ancient Terracotta color palette (#F7F0ED, #DCD9C4, #C8BFA4, #A44D3E, #312119)
• Antique Pewter Delta color palette (#FCF2F2, #E2D9D1, #C7BEB2, #936767, #504444)
• Muted Plum color palette (#F2DED9, #B54E62, #36302B, #24100B, #0A0505)
• Lagoon Balcony color palette (#F6F1E9, #AABB8E, #418561, #6B4A55, #2A2813)
• Worn Study color palette (#FBEFED, #EACDBD, #C2A683, #A1195A, #261412)
• Weathered Harbor color palette (#FFDBE8, #DEADA6, #A7875E, #2F6052, #274139)
• Cocoa Hollow color palette (#EFE6DE, #B9B3A3, #8E916A, #633700, #120801)
• Tempered Garnet Hollow color palette (#F7ECEB, #B4998F, #987353, #630145, #0B0202)

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