Cocoa Corridor color palette — #FFF2EA · #E2C69E · #B6937A · #8C6C63 · #584500

Deep Olive and Wheat set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#E2C69E): A whisper-light, dusty gold — the color of old brass.
• Taupe (#B6937A): A luminous, dusty gold — the color of old brass.
• Walnut (#8C6C63): A full-bodied, dusty orange — the color of toasted spice.
• Deep Olive (#584500): A deep, shadowed, balanced green — the color of fresh herbs.

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

Use it as a design system

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

• Stone Parlor color palette (#FFF2EA, #DDB686, #B4826B, #885A60, #403D36)
• Mallow Chapel color palette (#F6F3FF, #F6BBEC, #C7868D, #906148, #5D4000)
• Hushed Driftwood color palette (#FFF1F7, #CEECE3, #CB9FB6, #9C6C67, #2F4537)
• Timeworn Moss color palette (#E9E0D5, #A3A546, #936900, #753B1B, #252605)
• Seafoam Market color palette (#FDF1F9, #A7E0C1, #94708A, #5B4654, #30292E)
• Dusty Stone Hollow color palette (#F4E6CD, #A5B86B, #947E3A, #605954, #30312A)
• Dusty Lilac Parlor color palette (#FFF1F7, #AF9CEB, #73AB84, #797B74, #49373F)
• Aged Loft color palette (#EFEEDF, #739A4F, #6B6200, #573400, #001C0F)

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