Tempered Garden color palette — #FFF4DF · #CABE45 · #878E19 · #855F47 · #3D3A34

A conversation between Gold and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Gold (#CABE45): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#878E19): A luminous, balanced green — the color of new leaves after rain.
• Walnut (#855F47): A full-bodied, dusty gold — the color of old brass.
• Charcoal (#3D3A34): a grounded near-black with real depth.

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

• Ancient Atelier color palette (#FAF6E0, #9FCC66, #5E974C, #6F6763, #31411C)
• Tempered Loft color palette (#F7EAD1, #BDAD2D, #7A7E00, #6F5800, #342F00)
• Muted Atelier color palette (#FFF4DC, #C8AE00, #00B1B4, #8A7700, #004445)
• Dusty Bronze color palette (#F6F7E6, #A6D1AA, #6D9C7F, #8A6D26, #404800)
• Chalky Sunflower Corridor color palette (#F8FDA8, #CECC00, #949300, #555500, #272900)
• Aged Loft color palette (#FFF4E1, #A9A66C, #5B7416, #773C41, #403C03)
• Frosted Alley color palette (#EFF0B1, #A3A200, #00A78B, #C35A29, #333302)
• Feathered Lime color palette (#E9FBEC, #D5D28E, #92B43F, #C9666E, #403C06)

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