Muted Cocoa Lagoon color palette — #FFF1F4 · #E8CDD0 · #CFA7A5 · #B88B6E · #6C4300

Built around Bronze, softened by Caramel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Oat (#E8CDD0): A whisper-light, dusty red — the color of late-summer berries.
• Rosewood Mist (#CFA7A5): A luminous, dusty orange — the color of autumn markets.
• Caramel (#B88B6E): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#6C4300): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Tempered Driftwood color palette (#D5F5EA, #E5CEE5, #CCAAC1, #AC8384, #644641)
• Washed Lagoon color palette (#FFDFD5, #E4C3B2, #CC9D82, #828C4D, #4B4C00)
• Muted Bronze color palette (#F9D7E8, #E2A5B4, #C88280, #956D00, #494000)
• Softworn Boulevard color palette (#EDDBF1, #BC81AB, #A46177, #844900, #281A00)
• Patina Veranda color palette (#E0FEE7, #D2BAD4, #A897BE, #797845, #435308)
• Aged Taupe color palette (#F9F5E9, #DFD6AC, #9FB67B, #5D9E93, #4E4200)
• Aged Ridge color palette (#EBF7FF, #DCD7F4, #C19EC4, #6A8E85, #29504B)
• Wisteria Loft color palette (#FFF1F5, #DEBDF1, #FCA577, #C27DE5, #61351C)

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