Cocoa Coast color palette — #EDE4DD · #C1B1A3 · #AD906E · #843900 · #1C1109

A conversation between Rust and Caramel, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#EDE4DD): a clean, paper-quiet neutral.
• Rosewood Mist (#C1B1A3): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#AD906E): A luminous, dusty gold — the color of honey in a jar.
• Rust (#843900): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#1C1109): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Aged Cocoa Lantern color palette (#E3DDD5, #ACA494, #938561, #5B4000, #100700)
• Weathered Mulberry Loft color palette (#F4E9E7, #C4AFA9, #B18B7E, #94134F, #1E0F0D)
• Rust Lagoon color palette (#ECE1E7, #C0AAA8, #88A7A1, #BA4900, #200B19)
• Fern Alley color palette (#E9E9E2, #C5C6B0, #A2A986, #506C00, #212011)
• Patina Tangerine Lantern color palette (#F1DFCD, #F77D1C, #BA7800, #785F00, #110800)
• Wandering Fern color palette (#EBE0C8, #978B49, #576711, #00463F, #002528)
• Hushed Parlor color palette (#F1E3CE, #9F6100, #5C4700, #003521, #130900)
• Bronze Hollow color palette (#FDF3EA, #EADBCB, #D3BA8E, #AF6000, #37322D)

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