Cocoa Corridor color palette — #FAF0E1 · #8CAED7 · #7A719E · #724719 · #392435

Bronze and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FAF0E1): A whisper-light, dusty gold — the color of old brass.
• Mauve (#8CAED7): A luminous, dusty blue — the color of deep harbor water.
• Slate (#7A719E): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#724719): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#392435): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Cocoa Alley color palette (#FAF0E2, #78B8BF, #507DA3, #773F44, #1D3126)
• Wandering Pewter Market color palette (#F7EFF6, #809DCD, #9A5B71, #5A4B00, #152E15)
• Cobalt Grove color palette (#E5FBF3, #6FB4C1, #7470A5, #54602A, #394A58)
• Petrol Drift color palette (#F5F1EB, #CBDFE2, #829DCA, #307589, #462C3F)
• Fern Veranda color palette (#FBF0E0, #B38BBE, #93556A, #355003, #36191C)
• Hushed Iris color palette (#ECF9EF, #96C1F5, #9585CD, #90643A, #3F4857)
• Tempered Coast color palette (#F7E9F2, #717EBC, #4B333E, #271924, #0F0B0F)
• Faded Canyon color palette (#FFF0D8, #7988E6, #81409C, #503A00, #1D133B)

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