Tempered Garnet color palette — #D7E9D3 · #2E8C7F · #00597A · #5D1B00 · #1C1100

Espresso and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#D7E9D3): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#2E8C7F): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#00597A): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#5D1B00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#1C1100): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Balance. Tagged vintage, retro, 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

• Garnet Loft color palette (#D7F0E0, #5F8257, #005A5E, #65012C, #1B0700)
• Patina Canyon color palette (#D3F9EE, #2D8596, #3B5492, #432E00, #0E1500)
• Lagoon Terrace color palette (#D5E2DA, #008F91, #2D5079, #39110D, #0A0100)
• Aged Lagoon color palette (#D8EEE8, #438465, #00504B, #1B3300, #000803)
• Washed Cocoa Hollow color palette (#DFF4EC, #6D98A8, #4E7399, #6F3700, #262600)
• Softworn Petrol Villa color palette (#DDECDF, #00778E, #004466, #2B1941, #2A0713)
• Weathered Orchard color palette (#D0EAF8, #006083, #822F00, #5E2F00, #000204)
• Softworn Terracotta color palette (#CCEAFA, #00758E, #8F3B00, #003F4E, #0F0300)

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