Cocoa Corridor color palette — #FEF3E9 · #D8C8B1 · #B2957A · #986659 · #584500

Built around Deep Olive, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Ivory (#FEF3E9): a clean, paper-quiet neutral.
• Oat (#D8C8B1): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#B2957A): A luminous, dusty gold — the color of old brass.
• Walnut (#986659): 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

• Pewter Field color palette (#FFF2EA, #D2B99E, #B1836D, #935554, #403D36)
• Wandering Bronze color palette (#F7ECD4, #9CA477, #877000, #6D4200, #122B08)
• Wandering Bronze Hollow color palette (#FAECD8, #BCB879, #AB7E00, #914B00, #2B3C0A)
• Patina Garnet color palette (#F6DDC7, #A0741C, #7C4100, #5E0900, #0E0B00)
• Wisteria Alley color palette (#FBF3F4, #E5C4EC, #C38F63, #B26DC1, #322D28)
• Antique Bronze color palette (#FDF2F1, #D594A7, #9A7F36, #007C7B, #3F2A2D)
• Driftwood Atelier color palette (#FDF2F5, #D3D5AA, #89729E, #574368, #36262B)
• Straw Lantern color palette (#A7FACB, #DADF83, #CFBFFF, #5E424F, #3B3135)

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