Tempered Cocoa Meadow color palette — #FFECDD · #B27645 · #7A3800 · #3E1000 · #020100

Bronze takes the lead with Caramel close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Cream (#FFECDD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#B27645): A luminous, balanced gold — the color of old brass.
• Bronze (#7A3800): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3E1000): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered Cocoa Meadow 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

• Weathered Driftwood Veranda color palette (#F4E6CD, #978632, #604A00, #2E1E00, #010100)
• Tempered Chestnut color palette (#FCE0C8, #BF8F5D, #8F4B00, #532000, #070300)
• Patina Bronze color palette (#FFF3E7, #E7AE6C, #B66700, #7A3800, #231500)
• Olive Cabin color palette (#FEF5DB, #B1B789, #7F7A1D, #534500, #0F1500)
• Cocoa Courtyard color palette (#D9EBD4, #006F64, #6D4200, #2D2900, #000201)
• Emerald Delta color palette (#DBEBE3, #58A162, #003041, #030B0B, #000103)
• Grape Thicket color palette (#E0E1F0, #8B71D2, #6D00B1, #320044, #030004)
• Worn Lilac Meadow color palette (#DAEDE2, #997AFF, #0091C8, #090C13, #000103)

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