Tempered Garnet color palette — #FBF6DC · #7B8600 · #005AA4 · #7C0306 · #5C0F00

Oxblood and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FBF6DC): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#7B8600): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005AA4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Oxblood (#7C0306): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#5C0F00): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

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 Meadow color palette (#FFF4DE, #937C00, #006381, #77003E, #59111B)
• Powdered Olive Garden color palette (#E4E2CE, #567500, #004589, #5C000B, #371300)
• Quiet Hollow color palette (#F3F8E0, #00973A, #2D3FD5, #7B0900, #482800)
• Misty Coast color palette (#F3F7EC, #409D72, #6455A1, #6B3A00, #4A330D)
• Patina Chapel color palette (#DFEDD6, #00816B, #6000B1, #4D2800, #242700)
• Jade Ridge color palette (#F0F9E2, #00B87C, #00869A, #30509E, #2D3500)
• Washed Delta color palette (#F3EAC2, #73BC94, #048AA2, #804745, #49453E)
• Hushed Pine Studio color palette (#FCF5E0, #8AB16E, #007D50, #58531C, #3B3B34)

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