Muted Cocoa Loft color palette — #F8DEED · #A87C42 · #813000 · #450017 · #010100

Rust and Espresso set the tone — five colors that lean into optimism and balance.

The five colors

• Blush (#F8DEED): A whisper-light, dusty pink — the color of peonies in June.
• Caramel (#A87C42): A luminous, balanced gold — the color of afternoon light on wheat.
• Rust (#813000): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#450017): A deep, shadowed, balanced red — the color of late-summer berries.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Muted 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

• Antique Cabin color palette (#DAEDDA, #908842, #6A4500, #3E1000, #010200)
• Terracotta Orchard color palette (#FCDAEC, #B39466, #984300, #62001D, #040400)
• Dusty Canyon color palette (#FFE7DF, #915900, #631E00, #3B0016, #0F0B00)
• Rust Villa color palette (#FBE3D4, #CD7724, #B44700, #8B1C1D, #130900)
• Chalky Garnet color palette (#FFF1F7, #D8B674, #BE6100, #940022, #191A00)
• Bronze Harbor color palette (#E2FDEC, #A8BB8A, #897512, #683900, #001808)
• Dusty Mulberry color palette (#FFF0F9, #E6B9C8, #BF7359, #893A4F, #0B2819)
• Deep Hollow color palette (#D9E8F6, #D86754, #002E4B, #0A0B14, #000103)

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