Wandering Cocoa color palette — #FCF3ED · #D4815A · #006D65 · #823400 · #0F1C0B

A conversation between Rust and Coral Clay, giving this palette its sense of optimism and balance.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Coral Clay (#D4815A): A luminous, balanced orange — the color of toasted spice.
• Teal (#006D65): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#823400): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#0F1C0B): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Balance. Tagged duotone, muted.

Use it as a design system

One click turns Wandering 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

• Garnet Hollow color palette (#FFF2EE, #CE8085, #2B6E30, #8C2234, #181B00)
• Chestnut Canyon color palette (#FBF4EB, #D5A464, #008078, #835400, #1C281A)
• Hushed Archive color palette (#FAF1DE, #AA8B00, #006067, #554500, #001518)
• Olive Garden color palette (#EDF4EC, #C39660, #46731A, #764A00, #000906)
• Powdered Harbor color palette (#FFEADB, #B17918, #0C6D34, #4F2C6F, #363102)
• Quiet Moss Terrace color palette (#FAF4ED, #D9AB74, #659028, #9C6400, #1B1903)
• Dusty Bronze Harbor color palette (#F8ECE1, #AC6100, #004944, #4B2700, #000500)
• Softworn Studio color palette (#FBF6DF, #FFA180, #9EAB35, #00827F, #263D0C)

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