Cocoa Atelier color palette — #FBF3F0 · #CEDCCC · #AA7773 · #6F3218 · #241814

A conversation between Rust and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#CEDCCC): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#AA7773): A luminous, dusty orange — the color of autumn markets.
• Rust (#6F3218): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#241814): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

Use it as a design system

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

• Taupe Corridor color palette (#FCF3F0, #E3E1B6, #C88B94, #896258, #362723)
• Wandering Bronze color palette (#FDF4E5, #FFE2A6, #8B7334, #3C3831, #150E03)
• Antique Marigold color palette (#FAECD9, #C89A2B, #513600, #1D2623, #0D0600)
• Weathered Pewter color palette (#F6EFF8, #BACB9C, #83505B, #3B2A3F, #171119)
• Worn Amber Bloom color palette (#FDF3EE, #E2D9D0, #B1B37A, #CC8570, #221E10)
• Ancient Study color palette (#FFF2EA, #FFD26F, #A64D20, #501C00, #110400)
• Weathered Stone Courtyard color palette (#FFF2EC, #F8ADA1, #82BBB1, #6086A7, #541F00)
• Muted Mustard color palette (#FFF3E8, #DBB565, #7B3E00, #291100, #030100)

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