Tempered Cocoa Courtyard color palette — #FEF3E8 · #D8C8B3 · #B69571 · #936B4B · #5F4100

A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FEF3E8): bright and airy, almost weightless.
• Oat (#D8C8B3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#B69571): A luminous, dusty gold — the color of old brass.
• Walnut (#936B4B): A full-bodied, dusty gold — the color of old brass.
• Bronze (#5F4100): A deep, shadowed, balanced gold — the color of honey in a jar.

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

Use it as a design system

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

• Washed Chestnut color palette (#FDF3E9, #C7B698, #9B7955, #874D25, #564600)
• Faded Bronze Quarry color palette (#F6D9B3, #BFA060, #9F6C00, #764600, #332800)
• Chestnut Quarry color palette (#F5E9DC, #9C7540, #764500, #4C2400, #120A00)
• Terracotta Station color palette (#F3DCCE, #B08064, #9B4113, #721400, #251000)
• Washed Stone Lantern color palette (#FFF1F5, #BFE4C8, #D5A7B7, #A5889A, #3D4C45)
• Driftwood Meadow color palette (#FFF1F3, #EDC8B4, #956E91, #693F46, #342829)
• Weathered Peony Canyon color palette (#FBF3F2, #F2C4C2, #CD8679, #C56999, #332C29)
• Lagoon Field color palette (#FBF2F9, #96ABD8, #7FA786, #008E81, #483746)

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