Tempered Garnet color palette — #DEEFE3 · #006472 · #004868 · #550104 · #081A00
Built around Espresso, softened by Navy — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DEEFE3): A whisper-light, dusty teal — the color of sea glass.
- Peacock (#006472): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004868): A deep, shadowed, balanced blue — the color of deep harbor water.
- Espresso (#550104): A deep, shadowed, balanced orange — the color of autumn markets.
- Ink (#081A00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, 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
- Dusty Nightshade Summit color palette (#D9F4E7, #005C7A, #371BA6, #372100, #00160D)
- Misty Fern Ridge color palette (#EFF0D9, #2F6800, #004453, #54002E, #061800)
- Chalky Pine color palette (#F0D9C6, #168E4E, #005470, #4E2800, #002B26)
- Navy Terrace color palette (#D9EDE3, #00485E, #1E0080, #331100, #00070B)
- Quiet Nightshade color palette (#ECF9ED, #00787C, #2B399F, #582600, #0B2811)
- Forest Workshop color palette (#EBF0EA, #C4CFC9, #AA9BAA, #006358, #283124)
- Weathered Aubergine color palette (#D9F0F1, #00765B, #610085, #4A0300, #000402)
- Worn Nightshade color palette (#E4E2D1, #597400, #3A3692, #392C00, #00230F)
Browse the whole catalog at Explore, or see today's palette.