Tempered Garnet color palette — #FDF3EC · #A97555 · #6F6299 · #684460 · #571B01

Built around Espresso, softened by Slate — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Mocha (#A97555): A luminous, dusty gold — the color of old brass.
• Slate (#6F6299): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal Brown (#684460): A full-bodied, dusty pink — the color of neon signs at night.
• Espresso (#571B01): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged jewel, vibrant, muted, warm.

Use it as a design system

One click turns Tempered Garnet 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

• Aged Boulevard color palette (#FFF2ED, #BB6F6D, #48689C, #5A4774, #412F2F)
• Weathered Bronze Station color palette (#FBF5E8, #948136, #845B7A, #733A41, #3C3731)
• Dusty Aubergine color palette (#F1F3EA, #749B72, #2D7A8F, #683168, #201909)
• Softworn Pewter Workshop color palette (#ECF8F6, #89AC84, #3C93B0, #875186, #233A2E)
• Tempered Lilac Atelier color palette (#FDF1F7, #EEA98A, #9C98DB, #A879A7, #3C303C)
• Ancient Driftwood color palette (#F6F6EE, #D6DBD5, #A4AFB2, #758A61, #545349)
• Wandering Fern color palette (#FAF6DF, #8DB48C, #44866D, #2F5F7D, #424E00)
• Washed Olive color palette (#F8F7D9, #568300, #006269, #5D2600, #292200)

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