Cocoa Balcony color palette — #F5EAEF · #ACC1B2 · #6A9E91 · #5F2C00 · #040002

Cocoa takes the lead with Eucalyptus close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#F5EAEF): a clean, paper-quiet neutral.
• Stone (#ACC1B2): A luminous, dusty teal — the color of glacier melt.
• Eucalyptus (#6A9E91): A luminous, dusty teal — the color of shallow lagoons.
• Cocoa (#5F2C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Dusty Garnet color palette (#E7DFE9, #C5B6BF, #A78E64, #6C1335, #020003)
• Ancient Basin color palette (#E4F2ED, #B8D7D6, #7EAFBD, #475500, #000302)
• Onyx Meadow color palette (#F6E7EC, #869186, #5C7161, #3E2200, #040001)
• Chestnut Meadow color palette (#F9EDE2, #A3A38A, #858B74, #905100, #0F0702)
• Ancient Olive Bloom color palette (#CDE5D8, #4C8C42, #00473A, #31042F, #000200)
• Tempered Fern Lantern color palette (#FDE8FF, #95754E, #345800, #340C34, #0A000A)
• Driftwood Balcony color palette (#F1F7F2, #CFE1E3, #C5C4CF, #A0864E, #273129)
• Coral Workshop color palette (#D2ECD7, #FF666C, #B27400, #006A50, #010100)

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