Cocoa Corridor color palette — #FFF2EB · #C9FCD3 · #DFDDCC · #DAA9A3 · #744306

Built around Bronze, softened by Honeydew — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Honeydew (#C9FCD3): A whisper-light, dusty teal — the color of sea glass.
• Bone (#DFDDCC): A whisper-light, dusty green — the color of new leaves after rain.
• Rosewood Mist (#DAA9A3): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#744306): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Hushed Stone color palette (#FFF1F0, #E1D9D0, #DAABB9, #A5B6D0, #5D4844)
• Quiet Celadon color palette (#FFF3E7, #DCE9C0, #B1F284, #EE8178, #59451F)
• Fern Balcony color palette (#FAF5E6, #DDDBBE, #BCB889, #A68E6C, #454D00)
• Patina Sky Bloom color palette (#FDF3EC, #EFB392, #6DC1F2, #B48AAC, #423C37)
• Tempered Bronze Villa color palette (#F9F4EE, #F2DBB5, #B99965, #8D6424, #312A21)
• Chalky Corridor color palette (#F9E3D5, #D1A753, #7EAA27, #AA3746, #1C0C00)
• Misty Mint color palette (#FFE8D1, #DDDEA2, #7EDF8B, #DE7B6A, #35312B)
• Marigold Bloom color palette (#F8F4EF, #F5DAA8, #6DCCAD, #CDA451, #2B3026)

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