Tempered Garnet color palette — #FFF2EE · #B1A50C · #8A0023 · #4E0110 · #28150E

Wine and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Gold (#B1A50C): A luminous, balanced green — the color of fresh herbs.
• Wine (#8A0023): A full-bodied, vivid red — the color of a theater curtain.
• Espresso (#4E0110): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#28150E): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Timeworn Atelier color palette (#F9ECE3, #AE9B4A, #712800, #391606, #161005)
• Chalky Garden color palette (#FFF1F1, #9FAC26, #800060, #411031, #281415)
• Marigold Studio color palette (#FFF2EB, #FCA430, #AC4327, #602616, #291509)
• Honey Corridor color palette (#FFF0FC, #F7C75B, #C97169, #824944, #251423)
• Worn Fern color palette (#F8F5ED, #D9BB8C, #656120, #3B3832, #23261C)
• Feathered Lagoon color palette (#FFF2ED, #FC6E68, #3E7500, #A30018, #1F1E00)
• Washed Amber color palette (#FFF3E4, #D56A00, #636500, #3C348F, #492F02)
• Bronze Workshop color palette (#FAF4EF, #DBDCCA, #C4BD9D, #9F5300, #5F3400)

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