Washed Cocoa Pier color palette — #FBF4E8 · #E4D8BE · #C8B390 · #AA8D5F · #584500

Built around Deep Olive, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF4E8): bright and airy, almost weightless.
• Bone (#E4D8BE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#C8B390): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#AA8D5F): A luminous, dusty gold — the color of honey in a jar.
• Deep Olive (#584500): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, light, muted.

Use it as a design system

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

• Driftwood Loft color palette (#E9F6EC, #C5BC8E, #928155, #475F4A, #1F3028)
• Muted Bronze Pier color palette (#F1E8DD, #B89A62, #A76F00, #824B00, #1D1500)
• Muted Stone Orchard color palette (#EBF9EE, #BEE5E5, #C2AC7A, #946D7D, #2F443F)
• Worn Terrace color palette (#FFEADD, #F3B99A, #DE8C6D, #BC6252, #4F2B0B)
• Aged Emerald Harbor color palette (#EEF8F3, #80C4E5, #AEAC6F, #58995F, #253726)
• Airy Moss color palette (#E8DEBF, #B5C075, #9F9900, #837000, #222E00)
• Washed Chestnut Basin color palette (#F3E6C7, #86853A, #6E6000, #4F3D00, #030400)
• Aged Cabin color palette (#FEF0FB, #AAC1FB, #DBA3BE, #55ABA1, #493646)

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