Cocoa Balcony color palette — #FCF1FC · #D9A173 · #7B3A42 · #3A253C · #23171C

Built around Oxblood, softened by Camel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FCF1FC): bright and airy, almost weightless.
• Camel (#D9A173): A luminous, balanced gold — the color of honey in a jar.
• Oxblood (#7B3A42): A full-bodied, balanced red — the color of late-summer berries.
• Onyx (#3A253C): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#23171C): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Misty Coral Workshop color palette (#FAF2F8, #F68C7D, #9A6000, #974136, #311D24)
• Tempered Pewter Thicket color palette (#FFF2EF, #DAC18D, #975E6D, #5D3730, #2B1E1B)
• Antique Marigold Dune color palette (#FFF1F6, #D59300, #6A3A00, #3B1E00, #2B101C)
• Tempered Dune color palette (#F7F3FB, #AAE2DB, #C07D9E, #7F5469, #251E2B)
• Amber Drift color palette (#E7FCE9, #D77E2F, #89620F, #2A5938, #4F343E)
• Apricot Harbor color palette (#FFF2EB, #D6955D, #966625, #6D4B00, #4D3B00)
• Amber Workshop color palette (#D4E3D3, #B58200, #4C2E00, #221200, #000B07)
• Inked Chestnut Terrace color palette (#F3DEE8, #805400, #2A2214, #240D00, #060100)

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