Muted Cocoa Bloom color palette — #FFF2EE · #E8D9D7 · #F9B59D · #B9B3A9 · #672B0F

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E8D9D7): bright and airy, almost weightless.
• Melon (#F9B59D): A whisper-light, balanced orange — the color of toasted spice.
• Ash (#B9B3A9): a calm mid-gray that lets other colors speak.
• Rust (#672B0F): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Wandering Studio color palette (#FFF3E7, #E3DBD1, #E4CC94, #B0B6A8, #3D3832)
• Patina Apricot Pier color palette (#FFF2EC, #E5D9D4, #C8C09F, #FF9C4F, #49200E)
• Timeworn Apricot Dune color palette (#FFF2EC, #EAD8C1, #EAA47E, #966D4E, #724300)
• Muted Amber Study color palette (#FFF2EF, #EDD7EC, #FFACBB, #C5982A, #48413D)
• Timeworn Bronze color palette (#F6F6EC, #B0EDEF, #ACB38B, #B1764A, #4A4A00)
• Weathered Coral color palette (#FFF2ED, #F38D88, #7D431E, #352823, #140E0C)
• Scarlet Hollow color palette (#F8D6C7, #FF5C7F, #F72C17, #854000, #040000)
• Powder Alley color palette (#F4F6EE, #BFE0F1, #B3BEEB, #789B88, #57475A)

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