Tempered Garnet color palette — #F8D5CA · #897700 · #005A4A · #5B004B · #1A2A00
A conversation between Mulberry and Walnut, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F8D5CA): A whisper-light, dusty orange — the color of toasted spice.
- Walnut (#897700): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#005A4A): A full-bodied, dusty teal — the color of sea glass.
- Mulberry (#5B004B): A deep, shadowed, balanced pink — the color of a candy shop window.
- Deep Forest (#1A2A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance. Tagged retro.
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
- Wandering Olive color palette (#FBD4CA, #548815, #005761, #630025, #002C1A)
- Weathered Garnet Basin color palette (#FFE9E3, #898C38, #006962, #6C1A4C, #30312A)
- Faded Grove color palette (#F9D6C0, #AA6400, #246711, #3F005E, #2D2300)
- Softworn Olive color palette (#DBEFDF, #618703, #005A42, #360F67, #011301)
- Airy Canyon color palette (#EFDBBC, #76A400, #007C5C, #532B8F, #242700)
- Muted Orchard color palette (#FADECC, #9E9170, #367456, #77302B, #4F2A0B)
- Deep Fern color palette (#EDDBD4, #1A6A04, #003642, #360003, #000F09)
- Misty Moss Boulevard color palette (#F4F3DF, #EDA93C, #65A100, #007284, #003118)
Browse the whole catalog at Explore, or see today's palette.