Tempered Grove color palette — #FFEBE6 · #F86F00 · #B06E00 · #6A4C00 · #383100

Built around Tangerine, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Cream (#FFEBE6): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#F86F00): A luminous, vivid orange — the color of toasted spice.
• Ochre (#B06E00): A full-bodied, balanced gold — the color of old brass.
• Bronze (#6A4C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#383100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Energy, 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

• Amber Atelier color palette (#F0DCCF, #CF7600, #925900, #5C3C00, #2F3100)
• Softworn Marigold color palette (#FFE8D7, #D89700, #8C7600, #526400, #1F4200)
• Powdered Cocoa color palette (#F7D8B6, #BEA244, #A46900, #883500, #282C00)
• Muted Garden color palette (#FFE7B5, #DBA400, #967700, #5A4700, #211700)
• Hazy Mint Villa color palette (#FFF3E6, #E3E691, #56DD9E, #BB5B3E, #473800)
• Linen Lantern color palette (#F1D8DE, #FF5A72, #D42D00, #864500, #4A2C00)
• Hushed Taupe Quarry color palette (#FFF2EB, #F3C298, #C49C5E, #8B7A3F, #525149)
• Hushed Byzantium color palette (#EBE2D4, #CE952B, #894DD7, #006EC5, #322000)

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