Tempered Garnet Studio color palette — #FCE0D7 · #A76E55 · #49521B · #540743 · #230400

Mulberry and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FCE0D7): A whisper-light, dusty orange — the color of autumn markets.
• Mocha (#A76E55): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#49521B): A full-bodied, dusty green — the color of new leaves after rain.
• Mulberry (#540743): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#230400): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. Tagged vintage, retro, muted, warm.

Use it as a design system

One click turns Tempered Garnet Studio 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

• Worn Garden color palette (#F7E8F8, #9E645D, #5D5529, #3B194D, #260029)
• Tempered Garnet Meadow color palette (#ECDBCE, #827A3D, #005C3B, #58100E, #210C00)
• Onyx Lagoon color palette (#E1E1D2, #3A8970, #004D54, #510028, #000B06)
• Aged Cypress Canyon color palette (#FDDCF2, #A69048, #107C5C, #6D3450, #43192E)
• Patina Navy color palette (#EFEDD4, #7D955F, #006E4F, #303372, #3A1B47)
• Timeworn Alley color palette (#E4E2D4, #8D9D6E, #547154, #5C2804, #1C2100)
• Fern Courtyard color palette (#FFEBD2, #506635, #00403D, #2C1300, #0A0400)
• Softworn Harbor color palette (#F9E4D6, #C6B696, #7D8F6D, #724F48, #4B312C)

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