Cocoa Balcony color palette — #F7EEF9 · #AABC7B · #7F3D4C · #302134 · #100A11

Coffee and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F7EEF9): a clean, paper-quiet neutral.
• Sage (#AABC7B): A luminous, balanced green — the color of fresh herbs.
• Coffee (#7F3D4C): A full-bodied, balanced red — the color of embers at dusk.
• Onyx (#302134): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#100A11): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Aged Stone color palette (#FBEDF4, #CDC58F, #7E5741, #412836, #1A1116)
• Marigold Lagoon color palette (#E2F9E3, #CFA000, #654500, #2D1D00, #010B02)
• Hushed Moss color palette (#FFE7F8, #A29900, #741300, #2F0400, #080006)
• Ancient Delta color palette (#F8EFF3, #C5D8DD, #AABFC2, #936A53, #31292D)
• Hazy Canyon color palette (#F8EEF8, #FE8C98, #008A65, #9D434F, #001213)
• Cocoa Coast color palette (#FFF2ED, #FFE2A5, #9C6661, #5F2306, #180C07)
• Softworn Field color palette (#DAF1E1, #B68300, #453700, #181100, #000201)
• Weathered Balcony color palette (#FFDFDD, #EE9F72, #8C7100, #3A500D, #002919)

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