Cocoa Balcony color palette — #FCF4EA · #B89162 · #006B70 · #6E4500 · #081E0C

Built around Bronze, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF4EA): bright and airy, almost weightless.
• Caramel (#B89162): A luminous, dusty gold — the color of old brass.
• Teal (#006B70): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#6E4500): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#081E0C): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged duotone, 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

• Marigold Quarry color palette (#EBF5EE, #B99F29, #00765E, #645400, #000809)
• Wandering Pier color palette (#F8F5EE, #BDAE7B, #1977A6, #725E00, #122922)
• Airy Garnet color palette (#FEF2EE, #CD827E, #006E5D, #98001B, #111C09)
• Washed Denim color palette (#F8F5ED, #A89B44, #2B5AAD, #5B5000, #240F24)
• Garnet Dune color palette (#FFE9E1, #9A852D, #006B53, #69185A, #31312A)
• Gentle Pine Veranda color palette (#FFD6AB, #AE9F4F, #30792F, #005247, #003B46)
• Emerald Garden color palette (#F9F5EB, #C8B462, #009A4D, #857000, #161B03)
• Dusty Bronze Workshop color palette (#F5EDDF, #927100, #00484C, #3F2F00, #000405)

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