Tempered Garden color palette — #FBF4EB · #C8C1A2 · #658C6D · #855D1B · #5A4D00

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

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Sand (#C8C1A2): A luminous, dusty green — the color of fresh herbs.
• Fern (#658C6D): A luminous, dusty teal — the color of shallow lagoons.
• Ochre (#855D1B): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#5A4D00): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Basalt Station color palette (#FFF3E8, #BCAE90, #657C4F, #1C6663, #553F00)
• Bronze Alley color palette (#F9F5EB, #D8D2B5, #88A676, #977933, #5A4D00)
• Worn Driftwood Bloom color palette (#EBF4EF, #A5CEBE, #708D5E, #4C6957, #24352F)
• Wandering Fern color palette (#F2DDCF, #917637, #3F4B00, #003730, #241900)
• Softworn Atelier color palette (#F0F8EC, #A1B894, #C7809A, #008572, #67423E)
• Tempered Driftwood color palette (#F0F9E7, #C5E8E6, #ECC6DC, #749262, #3F5341)
• Midnight Study color palette (#EADFCC, #4E6725, #003421, #1E1500, #030700)
• Muted Cypress color palette (#FAF4EF, #CBE7E8, #8599C1, #008078, #664857)

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