Muted Cocoa Basin color palette — #FFF4E2 · #E6AF9C · #A88E62 · #3A7984 · #6B3A00

Bronze and Sand set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#E6AF9C): A luminous, dusty orange — the color of toasted spice.
• Caramel (#A88E62): A luminous, dusty gold — the color of afternoon light on wheat.
• Teal (#3A7984): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Bronze (#6B3A00): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Weathered Stone color palette (#FEF4E4, #D4BB7E, #849C67, #597092, #594500)
• Taupe Villa color palette (#EDF9EF, #FFD1C1, #C19B59, #3D7D88, #4E3842)
• Ancient Summit color palette (#FEF4E4, #E3ABC3, #BC8175, #627837, #57423D)
• Wandering Cocoa Terrace color palette (#FFF3E4, #C898A9, #917049, #45558E, #71331A)
• Washed Apricot Atelier color palette (#FFF4DE, #EB8E29, #8C7F00, #006387, #493000)
• Dusty Chestnut color palette (#FEEFE2, #C38F63, #745101, #522E00, #26201D)
• Washed Canyon color palette (#F9F4EE, #CAE8E4, #81BAD3, #52948D, #2E5348)
• Sunlit Alley color palette (#F2DBB7, #C58200, #6A6F00, #004C77, #2F2200)

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