Wandering Cocoa Corridor color palette — #F4F3E2 · #95BFA3 · #428277 · #804126 · #242B10

A conversation between Bronze and Teal, giving this palette its sense of nature and growth.

The five colors

• Cream (#F4F3E2): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#95BFA3): A luminous, dusty teal — the color of sea glass.
• Teal (#428277): A full-bodied, dusty teal — the color of glacier melt.
• Bronze (#804126): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#242B10): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Olive Bloom color palette (#F7F1E8, #B5B78B, #797931, #6E4A4C, #2D2711)
• Pine Garden color palette (#FAF2D6, #8AB678, #137E59, #504F1E, #0E2802)
• Ash Chapel color palette (#E6FAF6, #B4E6F6, #71AAA9, #617E6D, #1E3F3C)
• Hushed Lantern color palette (#ECF9F5, #A1CECE, #5D9D94, #856680, #2A4948)
• Emerald Delta color palette (#F0F6D9, #5BA064, #9A6BA3, #8A577D, #1D2104)
• Washed Forest color palette (#F9F0EB, #CCE3CE, #5498AE, #246D50, #0D342A)
• Muted Forest Station color palette (#F1EEDC, #6D9A73, #006451, #343E00, #001804)
• Fern Bloom color palette (#F9E1C3, #A0983D, #436800, #553700, #191600)

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