Tempered Garden color palette — #FFF2EA · #E4DAD3 · #E6BB8E · #B3B4A8 · #5B3000

Cocoa takes the lead with Sand close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#E4DAD3): bright and airy, almost weightless.
• Sand (#E6BB8E): A luminous, dusty gold — the color of afternoon light on wheat.
• Ash (#B3B4A8): a calm mid-gray that lets other colors speak.
• Cocoa (#5B3000): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Muted Loft color palette (#FBF4E8, #DDDDCB, #9FE5D7, #95C8C3, #564200)
• Patina Driftwood color palette (#FFF3E7, #DDDDCA, #CBC2AD, #87917A, #485444)
• Amber Balcony color palette (#FDEDF5, #EED1C5, #E6C17F, #B59C36, #391D2A)
• Weathered Celadon color palette (#FCF6DB, #E6F698, #D6E2C2, #9AC683, #393831)
• Worn Bronze color palette (#F3F7EE, #B4E5E2, #9EB792, #A67E3E, #35500F)
• Dusty Meadow color palette (#FEF4E3, #FFE2A5, #FBB3D5, #AE9766, #5B3D3C)
• Worn Apricot color palette (#FFF3E8, #F39348, #754904, #332920, #130E0B)
• Antique Canyon color palette (#F3DECF, #FB651D, #C66C00, #684C00, #020100)

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