Tempered Garnet color palette — #FBF1FD · #8DAF5C · #7C223B · #4D001C · #241328

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

The five colors

• Ivory (#FBF1FD): bright and airy, almost weightless.
• Moss (#8DAF5C): A luminous, balanced green — the color of a quiet forest floor.
• Oxblood (#7C223B): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#4D001C): A deep, shadowed, balanced red — the color of a theater curtain.
• Deep Indigo (#241328): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Balance. Tagged luxury, dark.

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

• Soft Bloom color palette (#F7F3FF, #65B682, #702366, #45003E, #1E152D)
• Quiet Moss color palette (#FFF0F8, #ADA63E, #763000, #421700, #2C0E21)
• Hushed Lantern color palette (#FFEEE7, #CDA037, #8F0D20, #440008, #140300)
• Washed Garnet Orchard color palette (#E5DAE4, #85954A, #63121B, #320005, #140513)
• Brick Corridor color palette (#FFF0FD, #E2B345, #BA2A36, #6A181E, #231522)
• Chartreuse Ridge color palette (#FFF2EF, #C1DF45, #CE678A, #7E495A, #281412)
• Dusty Olive color palette (#EED7E3, #827E27, #421900, #1A1B0E, #150400)
• Patina Amber color palette (#D3ECD9, #BA8902, #4A3800, #231900, #00100D)

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