Tempered Garnet color palette — #F1D8CD · #C05D4E · #00778B · #8C0700 · #002F38

Rust and Terracotta set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#F1D8CD): A whisper-light, dusty orange — the color of autumn markets.
• Terracotta (#C05D4E): A full-bodied, balanced orange — the color of autumn markets.
• Teal (#00778B): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#8C0700): A full-bodied, vivid orange — the color of toasted spice.
• Deep Forest (#002F38): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Balance. Tagged warm.

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

• Ancient Garnet color palette (#F0DCD6, #BF5B63, #007695, #870025, #00151D)
• Antique Terracotta Ridge color palette (#FFEADD, #CA7251, #00879E, #933200, #003D48)
• Bronze Lantern color palette (#F1D9C3, #B76800, #0071A7, #6C3B00, #002C45)
• Hazy Delta color palette (#F8D5D0, #C54F7E, #007D63, #870048, #003126)
• Muted Rust Terrace color palette (#FEE8DC, #BB3500, #007143, #3D4097, #3B0E03)
• Amber Loft color palette (#FFF3E7, #CE9056, #4B91C1, #8F5617, #1C4762)
• Antique Terracotta color palette (#FFE5D8, #F1C29B, #AF9749, #98434E, #3C3631)
• Navy Lantern color palette (#F8EEE1, #815400, #004898, #3F2700, #000E28)

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