Washed Cocoa color palette — #FBEFE6 · #DDDBC5 · #A8C3A4 · #A1816E · #5C3600

Cocoa and Stone set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FBEFE6): a clean, paper-quiet neutral.
• Bone (#DDDBC5): A whisper-light, dusty green — the color of fresh herbs.
• Stone (#A8C3A4): A luminous, dusty green — the color of new leaves after rain.
• Caramel (#A1816E): A luminous, dusty gold — the color of honey in a jar.
• Cocoa (#5C3600): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, 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

• Washed Terrace color palette (#F6F3D8, #C9E7C4, #97CEAC, #7F8355, #31312A)
• Antique Loft color palette (#FBEFE8, #D4B49C, #AF7249, #824624, #36291D)
• Hushed Harbor color palette (#FFF0F8, #C5E7EE, #A6C6DF, #B1747D, #604852)
• Ancient Archive color palette (#E0E5CA, #A5C275, #5FA15B, #564C00, #141100)
• Gentle Pier color palette (#F6E5C9, #D6CC87, #90A653, #7F5500, #241E00)
• Ancient Amber color palette (#FAE5CF, #B08425, #726400, #431F00, #030100)
• Softworn Alley color palette (#F4F2EA, #C4C897, #639061, #73763C, #161708)
• Muted Villa color palette (#EFF4E7, #65A486, #5B87AF, #535A87, #1F2614)

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