Tempered Garden color palette — #F1DCD8 · #EA7700 · #A46800 · #624F00 · #2E2B00

Tangerine and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F1DCD8): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#EA7700): A luminous, vivid gold — the color of old brass.
• Ochre (#A46800): A full-bodied, balanced gold — the color of old brass.
• Bronze (#624F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#2E2B00): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Apricot Workshop color palette (#FCE3DB, #F49028, #A87B00, #675800, #363F11)
• Powdered Bronze color palette (#F5E1C9, #B39D4F, #9B6400, #743B1E, #2A2404)
• Bronze Lagoon color palette (#FEECD2, #9A7D00, #525500, #203E00, #001908)
• Washed Courtyard color palette (#FFE4EA, #FE4D59, #C53513, #774100, #402800)
• Faded Mustard Basin color palette (#F9E099, #C9A300, #8E7000, #4D3F00, #181200)
• Aged Sapphire color palette (#F0DABF, #DB9B28, #0073DF, #855A00, #08294E)
• Dusty Amber color palette (#FCD5E5, #00BDEA, #C99500, #392708, #1E1405)
• Weathered Terrace color palette (#FFEDD8, #E3DC74, #71C88F, #A16852, #35322B)

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