Cocoa Balcony color palette — #FFF2EB · #E4C09D · #B17A6A · #7D4453 · #2B2007

Coffee and Caramel set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sand (#E4C09D): A whisper-light, dusty gold — the color of old brass.
• Caramel (#B17A6A): A luminous, dusty orange — the color of toasted spice.
• Coffee (#7D4453): A full-bodied, balanced red — the color of a theater curtain.
• Onyx (#2B2007): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, 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

• Chestnut Cabin color palette (#FFF4E2, #C7CD91, #A08650, #7C4A2C, #222405)
• Washed Garnet color palette (#FFF3E9, #CEAE6E, #A1663C, #722C2E, #171200)
• Ancient Harbor color palette (#F0DCD0, #B98E72, #994A2E, #622A2A, #251400)
• Rust Veranda color palette (#F7E0EF, #DEB3C7, #CC8C75, #B55A59, #482330)
• Wandering Veranda color palette (#FFEBD5, #938741, #6C4300, #410C00, #010100)
• Bronze Basin color palette (#FBF4E7, #D3E5C5, #BDAC8D, #A26D3A, #3C4500)
• Teal Corridor color palette (#E7FCE6, #00B5B3, #A28728, #735D00, #071A07)
• Smoked Olive Parlor color palette (#F1E5C5, #5D7E3F, #433D00, #1E0E00, #000201)

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