Tempered Garnet color palette — #F1F1DF · #468364 · #00514A · #580201 · #000803
Espresso and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F1F1DF): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#468364): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#00514A): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Espresso (#580201): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#000803): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Tempered Pine color palette (#C5EBE0, #009256, #00463E, #370707, #000201)
- Hushed Abyss color palette (#EDE8D8, #627F49, #005331, #312C00, #030800)
- Tempered Fern color palette (#F0E2CD, #76793B, #1E5300, #4C0B3B, #060600)
- Worn Parlor color palette (#DFEBCE, #006947, #6A00A8, #70004A, #000201)
- Midnight Drift color palette (#D6F4EF, #127031, #00341E, #1B1700, #000901)
- Dusty Emerald Grove color palette (#DFE1CB, #489D5F, #00754B, #504917, #000902)
- Tempered Archive color palette (#F2E2DA, #7D9C80, #00627A, #003D29, #000A16)
- Worn Mulberry Grove color palette (#DFE1C8, #458D1F, #800067, #194300, #11000C)
Browse the whole catalog at Explore, or see today's palette.