Cocoa Corridor color palette — #FEF3E9 · #DED0AD · #8AA57F · #8E767C · #604A00

Bronze and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF3E9): a clean, paper-quiet neutral.
• Wheat (#DED0AD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#8AA57F): A luminous, dusty green — the color of new leaves after rain.
• Driftwood (#8E767C): A full-bodied, dusty red — the color of a theater curtain.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Fern Garden color palette (#F7F5EB, #E1E0C0, #A0C098, #86A387, #544F00)
• Muted Cabin color palette (#F1F7F1, #BCDFEE, #A1B78F, #7785A7, #354C41)
• Fern Garden color palette (#FFF1F5, #D7B3F2, #8EC095, #9A80AD, #4A5303)
• Softworn Balcony color palette (#FCF3F0, #C0E4E9, #82BBD0, #848A68, #5C4D5D)
• Softworn Lagoon color palette (#EEF8F4, #A8C9C0, #5B8C83, #516B71, #3A534C)
• Timeworn Lime Field color palette (#FFF4E0, #A5CA66, #3A9B6F, #825A78, #3B3B34)
• Fuchsia Study color palette (#FFF1F3, #DB92E1, #83B389, #559A8C, #523B40)
• Soft Jade color palette (#EEE4CB, #7EB767, #00856A, #6F475C, #2A2B09)

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