Cocoa Corridor color palette — #FFF1F2 · #D5C0B8 · #998E79 · #876A73 · #7D4020

Bronze and Pewter set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Oat (#D5C0B8): A whisper-light, dusty orange — the color of autumn markets.
• Gray (#998E79): A luminous, dusty gold — the color of afternoon light on wheat.
• Pewter (#876A73): A full-bodied, dusty rose — the color of pressed rose petals.
• Bronze (#7D4020): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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

• Washed Chapel color palette (#FFF3E6, #B7B59D, #6E8873, #775D59, #733E0A)
• Pewter Basin color palette (#FFECF4, #BDCEC2, #849E95, #596D7E, #39404F)
• Dusty Bronze Dune color palette (#FFE4EC, #C69B84, #8B7D34, #6F4F6C, #73334C)
• Tempered Summit color palette (#FDF6D8, #CACF9D, #828D54, #4A5826, #33421A)
• Weathered Parlor color palette (#F5D9C8, #A79B60, #377262, #5F3C45, #44244F)
• Tempered Ash color palette (#FBF3EE, #CBE7E5, #789DC0, #637652, #63495C)
• Weathered Taupe color palette (#FEF5DC, #A19A5D, #937EB3, #886381, #45423B)
• Patina Garnet Delta color palette (#FBD9CF, #92874B, #206250, #5D212E, #3E1607)

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