Aged Cocoa color palette — #FCF3EF · #E0E1CD · #AE7471 · #6F3218 · #211916

Rust and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Bone (#E0E1CD): A whisper-light, dusty green — the color of fresh herbs.
• Mocha (#AE7471): A luminous, dusty orange — the color of autumn markets.
• Rust (#6F3218): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#211916): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

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

• Muted Workshop color palette (#FAF4EB, #FFE2A7, #8F721D, #3C3831, #140E05)
• Wandering Parchment color palette (#FFF2EF, #D6E6B2, #C38D99, #7E6662, #332927)
• Tempered Studio color palette (#FAECD9, #C99A1C, #513600, #1D2623, #0D0600)
• Tempered Chestnut color palette (#FBF2F9, #DDB896, #7E5048, #492E43, #2E2224)
• Wandering Lantern color palette (#FBF3EF, #E2D9D0, #C4AD5D, #CE846F, #231E12)
• Worn Rust Hollow color palette (#FFF2EA, #FFD26F, #AE4600, #501C00, #110400)
• Washed Mustard color palette (#FFF3E8, #E0B44F, #7B3E00, #291100, #030100)
• Shell Quarry color palette (#FFF2EC, #FDAB9D, #68C2AC, #5688AB, #37302D)

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