Cocoa Balcony color palette — #FFF2EA · #DEDACC · #D9B2A0 · #A5B6D1 · #76430C

A conversation between Bronze and Rosewood Mist, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#DEDACC): a clean, paper-quiet neutral.
• Rosewood Mist (#D9B2A0): A luminous, dusty orange — the color of autumn markets.
• Ash (#A5B6D1): A luminous, dusty blue — the color of open sky before noon.
• Bronze (#76430C): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, 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

• Fern Loft color palette (#FAF5E3, #D2E7C4, #C7CCD9, #BCB589, #5D5300)
• Antique Canyon color palette (#FCF1FA, #F6FAC9, #E6D8D5, #E9B1C1, #5C4853)
• Worn Stone Meadow color palette (#FDF3E7, #E1BC86, #92C4A5, #C0869E, #553600)
• Wandering Periwinkle color palette (#FFF2ED, #E7A5A5, #82AAE1, #9082B2, #402A2A)
• Bronze Alley color palette (#FBF4EC, #F3DBB0, #B29A7B, #8E6325, #322A20)
• Apricot Villa color palette (#FFF3E7, #DDE0C2, #E9D685, #E18C51, #604214)
• Oat Meadow color palette (#FFEBF6, #E6D2D0, #CCCF98, #A8776B, #49373F)
• Pale Loft color palette (#FFE5D3, #B0A35F, #879634, #9F5234, #180900)

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