Tempered Garnet color palette — #E3F7F5 · #679C74 · #2E689C · #6D1A50 · #291B00

Mulberry takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E3F7F5): A whisper-light, dusty teal — the color of glacier melt.
• Moss (#679C74): A luminous, balanced teal — the color of sea glass.
• Peacock (#2E689C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Mulberry (#6D1A50): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Onyx (#291B00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Quiet Loft color palette (#E6F5FA, #479DA0, #5D59A5, #780E32, #261D00)
• Airy Aubergine Quarry color palette (#E6F7ED, #99903E, #007378, #4C2781, #3C0900)
• Softworn Coast color palette (#F9F5EA, #A09012, #4555A6, #782B27, #572824)
• Patina Aubergine Grove color palette (#E2F0F9, #0088B1, #713B80, #552300, #031A00)
• Ancient Basalt color palette (#D7FAF8, #9BBAC0, #6790A5, #5D5473, #402947)
• Cobalt Quarry color palette (#F3F7E9, #64BB7C, #1686D2, #85436F, #4D3200)
• Ultramarine Archive color palette (#C3E9ED, #00856C, #0D1AD9, #55002C, #140D00)
• Pale Mulberry color palette (#E8FAF3, #B6C37B, #0D9E9A, #9B2C53, #292F00)

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