Tempered Garnet color palette — #F4E4E0 · #C1B0A9 · #B98877 · #8D2A37 · #1F0F0A

Built around Garnet, softened by Caramel — the whole palette hums with sophistication.

The five colors

• Rose Water (#F4E4E0): a clean, paper-quiet neutral.
• Rosewood Mist (#C1B0A9): A luminous, dusty orange — the color of autumn markets.
• Caramel (#B98877): A luminous, dusty orange — the color of autumn markets.
• Garnet (#8D2A37): A full-bodied, balanced red — the color of embers at dusk.
• Ink (#1F0F0A): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Patina Plum Loft color palette (#E9DFE9, #C1A9AD, #B48D8D, #B7445A, #1C0E1D)
• Cocoa Balcony color palette (#F5EAE2, #B2A192, #97826A, #702F00, #110601)
• Dusty Mulberry color palette (#F7E8EA, #C8ADAE, #B48986, #802180, #1F0E11)
• Mulberry Chapel color palette (#FAEAE7, #DDCCC2, #B4A38B, #8E0B40, #090000)
• Dusty Chestnut color palette (#E7E2D9, #CAC4B1, #ADA580, #735E00, #271E0B)
• Scarlet Studio color palette (#FEF2ED, #EED9CE, #D9B69D, #CC3D38, #581E00)
• Rust Thicket color palette (#F3E1CC, #C53900, #703B00, #1D3300, #190500)
• Bronze Cabin color palette (#F8F4EF, #D9DCCC, #BBC3AB, #9E7A2E, #3F3A31)

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