Muted Cocoa Bloom color palette — #FFF2EA · #CFB38A · #A0755F · #70574F · #584500

Deep Olive and Sand set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sand (#CFB38A): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#A0755F): A full-bodied, dusty orange — the color of sun-warmed clay.
• Coffee (#70574F): A full-bodied, dusty orange — the color of sun-warmed clay.
• Deep Olive (#584500): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Bronze Terrace color palette (#FFF2EA, #BFA27A, #97644C, #69483F, #3F3D36)
• Bronze Coast color palette (#FFF3E9, #DDC6B0, #B4947A, #9F653A, #643E00)
• Washed Station color palette (#FEECF4, #CFB2BC, #9D7588, #6B4E5F, #233022)
• Timeworn Taupe color palette (#FFF1F7, #CAE1CA, #D2A8BC, #B7837C, #3B4D42)
• Dusty Jade color palette (#F4F7EA, #5CA36C, #AC6A67, #7F514F, #3C3E37)
• Quiet Amber color palette (#F7D8B7, #A58C00, #804E00, #6B1D0B, #212E02)
• Wandering Bronze Canyon color palette (#F4DFD1, #836200, #572B00, #3C0006, #0B0D00)
• Patina Meadow color palette (#EEF8EE, #F2AD96, #2C696A, #2D3E2E, #1D2724)

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