Washed Cocoa color palette — #FBF4EA · #E7D8B7 · #C7B488 · #A68D6C · #594500

Deep Olive and Sand set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Wheat (#E7D8B7): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#C7B488): A luminous, dusty gold — the color of old brass.
• Caramel (#A68D6C): A luminous, dusty gold — the color of honey in a jar.
• Deep Olive (#594500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Bronze Cabin color palette (#FBF0E0, #C4BB9D, #A27B3B, #7F481A, #2C2E1B)
• Mallow Study color palette (#FEF2F1, #F6A6CF, #DFAB6D, #A19D60, #493838)
• Patina Bronze color palette (#FCE7CE, #C29747, #A96E00, #844A00, #1E1500)
• Dusty Bone Delta color palette (#EBFAED, #B2E9D2, #96B99C, #8E707D, #2F443F)
• Weathered Delta color palette (#F8EFD0, #C2D185, #ACAA1C, #908023, #36362F)
• Dusty Field color palette (#ECE4D2, #8A841B, #6F5F00, #503C00, #030400)
• Hushed Driftwood color palette (#FFF1F4, #F5CBF2, #E29FCB, #B77093, #6F354B)
• Dusty Periwinkle color palette (#FBF2F9, #FFD0D7, #8A9BD8, #7C6576, #32282F)

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