Tempered Garnet color palette — #F1ECF3 · #AB9AA6 · #967456 · #68002C · #07020A

Mulberry and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F1ECF3): a clean, paper-quiet neutral.
• Taupe (#AB9AA6): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#967456): A full-bodied, dusty gold — the color of honey in a jar.
• Mulberry (#68002C): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#07020A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, 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

• Tempered Study color palette (#EDE1E9, #AF99A0, #61866F, #621A00, #0B0108)
• Wandering Aubergine Quarry color palette (#E8E6EC, #A89AAC, #916F89, #5E0055, #06020F)
• Softworn Dune color palette (#E8DDDB, #C4AFA5, #AC8F74, #882E49, #1F0F0C)
• Mulberry Lagoon color palette (#F6EBE8, #E4C9BF, #C29D89, #920030, #080100)
• Tempered Meadow color palette (#EAF3EB, #A4B9B0, #719690, #583F00, #020E04)
• Worn Chestnut color palette (#EFE6EA, #BFD0C4, #8BACA0, #7C4509, #1F1117)
• Bronze Workshop color palette (#F2E2E8, #9C5E46, #594500, #002345, #020824)
• Softworn Chapel color palette (#EDF4EF, #CEDADB, #ADC0C8, #847439, #252F29)

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