Cocoa Loft color palette — #FFF2EE · #E0D8CF · #A1B2B0 · #C49796 · #74371D

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E0D8CF): a clean, paper-quiet neutral.
• Ash (#A1B2B0): a calm mid-gray that lets other colors speak.
• Taupe (#C49796): A luminous, dusty red — the color of embers at dusk.
• Rust (#74371D): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Dusty Apricot Pier color palette (#FFF3E7, #DCE5C8, #C2D2DF, #DF8A65, #583800)
• Hushed Driftwood color palette (#FDF1FD, #EFD2D7, #ECB191, #AB6171, #594056)
• Bronze Drift color palette (#FFF3E6, #F3DAA2, #BD9666, #925D2C, #34312B)
• Dusty Seafoam color palette (#FFF4DF, #D0F6C6, #9ADEC9, #AC855F, #3C3932)
• Marigold Station color palette (#FFF1EF, #FFAE8B, #D39A2C, #7F3250, #180200)
• Mustard Ridge color palette (#FDEADD, #E7AB35, #8C8F00, #7C2E23, #020100)
• Airy Delta color palette (#FFF2EC, #DFD9CD, #FED05D, #C5586F, #492005)
• Wandering Thicket color palette (#FFF3E9, #FF9244, #3FAFBE, #5872A5, #322010)

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