Tempered Garnet color palette — #FAF2FA · #B5B276 · #863039 · #491F22 · #271E27

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

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Sage (#B5B276): A luminous, dusty green — the color of a quiet forest floor.
• Wine (#863039): A full-bodied, balanced red — the color of a theater curtain.
• Espresso (#491F22): A deep, shadowed, dusty red — the color of late-summer berries.
• Onyx (#271E27): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

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

• Marigold Summit color palette (#FBEFE9, #E2A560, #7D4233, #372115, #130A06)
• Hushed Mulberry Quarry color palette (#F5F4FC, #A5B784, #6A3F6B, #3F2040, #22202A)
• Bronze Orchard color palette (#FFF0FB, #EFB880, #A25B4C, #503A4B, #271E25)
• Terracotta Thicket color palette (#F9F3F8, #E39790, #6E7600, #9A3D39, #172822)
• Hushed Taupe color palette (#FFF2ED, #EED296, #C67F7A, #835552, #2D1D17)
• Marigold Summit color palette (#E8FBE9, #C89A06, #604100, #352200, #0E1F10)
• Moss Loft color palette (#F4DDEB, #A99200, #672000, #330C00, #1C0715)
• Bronze Hollow color palette (#FAF3F6, #CCDADC, #AAC2C3, #926A50, #4F4449)

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