Cocoa Balcony color palette — #FFE8F4 · #A57E42 · #7D3500 · #450012 · #010100

A conversation between Rust and Espresso, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#FFE8F4): A whisper-light, dusty pink — the color of neon signs at night.
• Caramel (#A57E42): A luminous, balanced gold — the color of old brass.
• Rust (#7D3500): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#450012): A deep, shadowed, balanced red — the color of late-summer berries.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Weathered Moss color palette (#DEF3E0, #8D8A2E, #664700, #3C1300, #000200)
• Sunlit Garnet Loft color palette (#F6DDE9, #B8944C, #924800, #630014, #040400)
• Obsidian Chestnut color palette (#F8DEEB, #8B5200, #582500, #340300, #030100)
• Garnet Orchard color palette (#FFF1F6, #DAB65C, #B96600, #940014, #171B00)
• Tempered Loft color palette (#E1FDEE, #A3BC91, #827910, #633D00, #001617)
• Worn Mulberry Dune color palette (#FFF0F8, #B2D1B1, #B27B61, #8D3747, #07281A)
• Amber Station color palette (#D7EBFF, #CE704B, #002D4C, #0A0C14, #000103)
• Amber Harbor color palette (#E7FBED, #C7D996, #AB8F2D, #8F4C00, #013111)

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