Aged Cocoa color palette — #FEF2F1 · #EBCAB2 · #9C716D · #693D50 · #372725

Built around Cocoa, softened by Mocha — the whole palette hums with warmth and comfort.

The five colors

• Ivory (#FEF2F1): a clean, paper-quiet neutral.
• Wheat (#EBCAB2): A whisper-light, dusty gold — the color of honey in a jar.
• Mocha (#9C716D): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#693D50): A full-bodied, dusty rose — the color of strawberry cream.
• Espresso (#372725): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

Use it as a design system

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

• Bronze Field color palette (#FCF3ED, #E1BD8F, #9D6135, #5F371B, #2A1F16)
• Dusty Corridor color palette (#FCF3F3, #BAC797, #7D4973, #4E2E32, #2E221D)
• Muted Coral Thicket color palette (#FCF3F1, #F8C0C7, #C68C6B, #CF677A, #332C28)
• Tempered Straw color palette (#F6F3FF, #DBE5AB, #B790B2, #6F697F, #2C2A33)
• Washed Harbor color palette (#F5E4D9, #BB8648, #742B00, #320E00, #060100)
• Worn Market color palette (#FCF4E8, #DCB599, #AD8B65, #547A4E, #6A3A00)
• Worn Taupe Field color palette (#FBF3F1, #DDD9D3, #B1B4A8, #C98784, #5B504C)
• Feathered Brick Hollow color palette (#FFF2EE, #F5A669, #AD3C4D, #720022, #29140E)

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