Tempered Garden color palette — #FFF3E6 · #BEA561 · #58835F · #5F5177 · #554700

Camel and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#BEA561): A luminous, balanced gold — the color of honey in a jar.
• Fern (#58835F): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal Brown (#5F5177): A full-bodied, dusty violet — the color of wild irises.
• Deep Olive (#554700): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, muted.

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

• Lagoon Corridor color palette (#FFEEE3, #C4A67B, #588564, #5B486F, #332B16)
• Jade Thicket color palette (#FFF2E9, #80B978, #328589, #734E4F, #3B500A)
• Weathered Taupe color palette (#FBF5E6, #AB983F, #387996, #5D4A6D, #59383B)
• Tempered Summit color palette (#FFF0F8, #DAB787, #709F7C, #7A648F, #374E42)
• Weathered Cocoa Balcony color palette (#FFF4E0, #CFCEAA, #8D9E88, #836668, #783C1D)
• Ancient Archive color palette (#FFF3E8, #8A9500, #00715B, #5F2A71, #243D18)
• Washed Chestnut Hollow color palette (#F5F6EA, #99CEBA, #6E8A6E, #90552F, #3C5717)
• Muted Ash Loft color palette (#FCF3EF, #C3F1EA, #71A0BA, #457A6D, #5E4B5F)

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