Tempered Cocoa Alley color palette — #FCF4EB · #EBDCBB · #ABBE87 · #929F87 · #614900

Bronze and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF4EB): a clean, paper-quiet neutral.
• Wheat (#EBDCBB): A whisper-light, dusty gold — the color of old brass.
• Sage (#ABBE87): A luminous, dusty green — the color of a quiet forest floor.
• Taupe (#929F87): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#614900): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Tempered Cocoa Alley 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 Alley color palette (#EEF8F2, #B7DBCB, #95A276, #618680, #41514A)
• Apricot Harbor color palette (#E6FBF2, #85D2FF, #F3AA81, #AEAC6C, #344740)
• Aged Delta color palette (#FAF4EF, #C7DDE8, #A3CAF8, #64B1B1, #5F4C59)
• Hazy Clover color palette (#FFF4E0, #C6D984, #61BD67, #2C9B97, #3C3B34)
• Airy Jade Drift color palette (#EBE4D3, #A7C68A, #32A96D, #398188, #1E2F0B)
• Muted Moss color palette (#F6E9D6, #C1C86F, #56AF33, #7671B3, #2F3100)
• Patina Drift color palette (#F8E7D4, #A89934, #5B7E00, #434D97, #131000)
• Dusty Corridor color palette (#F5E5CF, #8F8E1F, #3A7200, #00544A, #080500)

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