Wandering Cocoa color palette — #F3ECF0 · #DDCAD0 · #87B298 · #872900 · #080005

Built around Rust, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Blush (#F3ECF0): bright and airy, almost weightless.
• Oat (#DDCAD0): A whisper-light, dusty rose — the color of a warm blush.
• Sage (#87B298): A luminous, dusty teal — the color of shallow lagoons.
• Rust (#872900): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#080005): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Muted Mulberry Meadow color palette (#F2EBF3, #DDC9D6, #BE9BA7, #91003C, #050106)
• Muted Delta color palette (#E7F1E9, #BBD7CC, #7FB2AC, #624900, #000401)
• Garnet Field color palette (#ECE2DC, #A89E91, #8D7B32, #621800, #0B0200)
• Muted Moss color palette (#D2E7D8, #849924, #005F18, #4F0634, #010100)
• Wandering Fern Hollow color palette (#F7DCD9, #B68D61, #4C6B00, #34225C, #0D001C)
• Hushed Fern Dune color palette (#FDE1EA, #605904, #6D4200, #251F10, #060600)
• Soft Scarlet color palette (#DBF0DF, #D33100, #524100, #020060, #030100)
• Dusty Bronze Field color palette (#F0F7F2, #CDE3E5, #AACAD6, #8C740C, #122318)

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