Tempered Garnet color palette — #E7EFE0 · #00604B · #740041 · #00271D · #120006
A conversation between Mulberry and Pine, giving this palette its sense of balance.
The five colors
- Cream (#E7EFE0): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#00604B): A full-bodied, balanced teal — the color of shallow lagoons.
- Mulberry (#740041): A deep, shadowed, balanced rose — the color of pressed rose petals.
- Onyx (#00271D): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#120006): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Balance. Tagged 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
- Midnight Summit color palette (#DAEFE2, #005B6E, #682800, #00252F, #0F0300)
- Hazy Aubergine color palette (#EDF0CE, #2F7017, #53005A, #082800, #0F0011)
- Patina Ridge color palette (#C7EDE5, #007668, #483E40, #00302D, #000B09)
- Antique Mulberry Courtyard color palette (#DDF0F3, #007A6A, #940286, #004238, #10000E)
- Obsidian Grove color palette (#DDF3ED, #004B3F, #42007E, #391B00, #000202)
- Charred Fern color palette (#F6EFE1, #595F00, #332C00, #190F00, #020400)
- Airy Terracotta Boulevard color palette (#DEF7E7, #007A8F, #983300, #00414D, #330C00)
- Timeworn Hollow color palette (#CCE7CB, #00918F, #B92F3F, #005453, #4C0F16)
Browse the whole catalog at Explore, or see today's palette.