Cocoa Corridor color palette — #FBF4E8 · #E4ADB4 · #AF8A64 · #4D719E · #703513

A conversation between Bronze and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF4E8): bright and airy, almost weightless.
• Rose Quartz (#E4ADB4): A luminous, dusty red — the color of late-summer berries.
• Caramel (#AF8A64): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#4D719E): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#703513): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

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 Cocoa color palette (#FFF3E5, #DCB594, #8C9966, #706698, #604100)
• Dusty Petrol color palette (#FEF2F2, #D69DBE, #8D9251, #256F9F, #5A3351)
• Cypress Drift color palette (#FAF5E6, #CCB3DA, #B88188, #007E83, #594042)
• Taupe Loft color palette (#E9FAEF, #FFCFD1, #BC9C73, #517794, #4B3945)
• Bronze Dune color palette (#EEF9EE, #D2987C, #976E3F, #44633E, #54424A)
• Ancient Corridor color palette (#FFEBD3, #CF9264, #757F24, #584495, #34302A)
• Sunlit Atelier color palette (#FFF3E3, #F68169, #987900, #4044C6, #542700)
• Weathered Atelier color palette (#F5F6EF, #C9D7B9, #87A585, #967373, #3F5614)

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