Cocoa Corridor color palette — #FFF4E2 · #F9C0BA · #CEA57C · #349D9E · #6E360A

A conversation between Bronze and Cerulean, giving this palette its sense of optimism and warmth.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Oat (#F9C0BA): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#CEA57C): A luminous, dusty gold — the color of honey in a jar.
• Cerulean (#349D9E): A luminous, balanced teal — the color of sea glass.
• Bronze (#6E360A): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged retro, light, 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

• Antique Stone Meadow color palette (#FCF4E8, #F4C1C4, #DF9899, #6A9970, #5D3F3C)
• Weathered Cerulean Alley color palette (#FDF4E5, #EDCA9C, #ADB47A, #5C92BD, #5E4200)
• Amber Harbor color palette (#FFF4E2, #FFA87B, #C29700, #0088A3, #502B00)
• Cerulean Loft color palette (#FFF2EC, #F1B7AA, #98B47E, #4191B3, #553556)
• Patina Parlor color palette (#EAFAF1, #FFCCE2, #C99661, #49779E, #493948)
• Apricot Summit color palette (#FCEFE7, #ECA37F, #9F7136, #7B4517, #28201C)
• Wandering Fern color palette (#F5F6EF, #D8E3C6, #89C3B6, #BA8E87, #425510)
• Tempered Harbor color palette (#EBDCC4, #EE903B, #9C8800, #007093, #341F00)

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