Aged Cocoa color palette — #FDE4F3 · #9F691B · #752A05 · #4B0B1F · #1B1600

Rust takes the lead with Ochre close behind in a set that reads as optimism and balance at first glance.

The five colors

• Blush (#FDE4F3): A whisper-light, dusty pink — the color of neon signs at night.
• Ochre (#9F691B): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#752A05): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#4B0B1F): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#1B1600): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Cocoa Courtyard color palette (#F7E5D9, #9C6237, #6F2D00, #420D00, #0B0300)
• Tempered Amber Grove color palette (#FEDFF2, #B87724, #853D25, #572332, #0F2A1C)
• Timeworn Corridor color palette (#D5E5D7, #7D7A00, #5C3F00, #451800, #071C00)
• Rust Bloom color palette (#FDE4E9, #C94600, #634200, #292D00, #031F01)
• Aged Mulberry color palette (#F4DBCA, #C49461, #B86137, #A41A30, #1D1500)
• Tempered Olive Hollow color palette (#F5EBFF, #598C00, #4A0030, #32180E, #18000D)
• Smoked Bloom color palette (#DCF7E2, #585F00, #392900, #200A00, #000500)
• Tempered Corridor color palette (#D7F8E4, #89AA56, #796900, #6A3D03, #0A3E3D)

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