Washed Cocoa color palette — #FBEFE9 · #B6B879 · #7E4234 · #401A12 · #150904

Built around Coffee, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#FBEFE9): bright and airy, almost weightless.
• Sage (#B6B879): A luminous, balanced green — the color of fresh herbs.
• Coffee (#7E4234): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#401A12): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#150904): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Onyx Basin color palette (#FEF3EC, #C2AC7D, #74432C, #4F1C00, #2B1E16)
• Washed Cocoa Corridor color palette (#FBF2F8, #C5C998, #966254, #653224, #2A1D26)
• Marigold Atelier color palette (#F8F2DF, #D09D51, #554E00, #252100, #0C0700)
• Softworn Terracotta color palette (#F9F0EA, #E4A08C, #2C885B, #9B4931, #0C1004)
• Amber Archive color palette (#EBDCCE, #AE9300, #5C3200, #241000, #060200)
• Nocturne Chestnut Garden color palette (#EBDDC6, #725200, #293435, #1B1300, #020100)
• Weathered Amber color palette (#FFEFE0, #C4905D, #507749, #473F6A, #2C2108)
• Antique Balcony color palette (#FFEBE7, #D0A572, #837C2E, #23561A, #002923)

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