Cocoa Balcony color palette — #FFF4E2 · #FEBEB2 · #CEA677 · #52999E · #6D3705

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

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rose Quartz (#FEBEB2): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#CEA677): A luminous, dusty gold — the color of old brass.
• Storm Blue (#52999E): A luminous, dusty blue — the color of deep harbor water.
• Bronze (#6D3705): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, light, muted.

Use it as a design system

One click turns Cocoa Balcony 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

• Tempered Cabin color palette (#FFF4E2, #E9CC9D, #A8B57D, #6A90B5, #5C4300)
• Muted Shell color palette (#FDF4E5, #F9BDCF, #D4A08F, #80936D, #5A4139)
• Ancient Amber color palette (#FFF4E2, #FFA971, #BC9A00, #0087A8, #4D2D00)
• Washed Cocoa Boulevard color palette (#FBF5E6, #E7AABC, #AE8C5C, #487A6D, #703416)
• Shell Archive color palette (#FDF3ED, #F9B49F, #9BB37E, #5591A2, #4C395C)
• Cobalt Basin color palette (#E9FAEE, #FFCCE5, #C19975, #5073AA, #49394A)
• Wandering Alley color palette (#FFEEE2, #ECA377, #9D7235, #7A4613, #27201D)
• Fern Bloom color palette (#F4F6EC, #D5E4C4, #A6BD9F, #B1928B, #3E5615)

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