Tempered Garden color palette — #EFDAE1 · #AA966C · #845A32 · #612D1D · #021E13

A conversation between Cocoa and Coffee, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#EFDAE1): A whisper-light, dusty rose — the color of a warm blush.
• Caramel (#AA966C): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#845A32): A full-bodied, dusty gold — the color of old brass.
• Cocoa (#612D1D): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#021E13): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Patina Bronze color palette (#D8F2D5, #B79E4E, #945D00, #6F2C07, #1C1E00)
• Hushed Chestnut Dune color palette (#CEE8D9, #73A496, #6F661D, #52380D, #001D1B)
• Chestnut Orchard color palette (#E0F4E2, #8F8947, #6F4F00, #4E2400, #00120D)
• Ancient Driftwood Villa color palette (#FFF3E6, #E1C298, #AB8053, #764D2E, #2F1E00)
• Wandering Lantern color palette (#D8EEED, #0E8B50, #9A4556, #5D3C00, #001414)
• Patina Driftwood Quarry color palette (#FBEEF4, #D0B2BB, #987889, #664F64, #1E3125)
• Aged Amber Canyon color palette (#D5EEF4, #CF8F66, #00524E, #002220, #000709)
• Velvet Parlor color palette (#CCEBD8, #5C6824, #403600, #251400, #000200)

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