Tempered Grove color palette — #FFF1F2 · #FFB39B · #CC7800 · #815C00 · #363500

Mustard takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Melon (#FFB39B): A whisper-light, balanced orange — the color of toasted spice.
• Mustard (#CC7800): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#815C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#363500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Grove 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

• Powdered Amber color palette (#FAE1D6, #C67D00, #755F00, #2B3800, #021500)
• Antique Lagoon color palette (#FFF2ED, #FFC580, #A48D00, #656A00, #144313)
• Misty Amber Lagoon color palette (#FFF1F6, #EECC75, #CF7A24, #8F4741, #262B00)
• Timeworn Coral color palette (#FFF0FA, #FFB2C2, #FF5F52, #8A4B00, #462C00)
• Dusty Tangerine Field color palette (#FCE4DA, #FFA76F, #F2830D, #B36900, #583700)
• Timeworn Apricot Archive color palette (#FFDDD9, #FF915E, #9C6800, #514700, #1E2900)
• Aged Lagoon color palette (#FFF1F6, #FFB572, #6CB5FF, #B36700, #002F57)
• Mustard Meadow color palette (#FFF2EB, #FFDB97, #B0AB46, #587940, #1C4E4C)

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