Cocoa Balcony color palette — #FFF2F0 · #D6FBD2 · #E1DACF · #BFA4D7 · #672D06

Rust and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Honeydew (#D6FBD2): A whisper-light, dusty green — the color of fresh herbs.
• Bone (#E1DACF): a clean, paper-quiet neutral.
• Mauve (#BFA4D7): A luminous, dusty violet — the color of wild irises.
• Rust (#672D06): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. 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

• Wandering Alley color palette (#FFF1F3, #E3DAD1, #A1B2A9, #9C9FCC, #573E3A)
• Dusty Coral color palette (#FFF2EA, #BDF0D5, #C3C4CE, #DC797F, #443600)
• Peony Alley color palette (#FFF2F0, #E1DECF, #C2E875, #C267BA, #4C1F00)
• Frost Lantern color palette (#F1F5FF, #B6FFF2, #FFCDDB, #422B28, #1F1210)
• Taupe Study color palette (#FFF3E6, #E7DEAE, #B89771, #8B5E51, #32322B)
• Tempered Archive color palette (#FAF2FF, #E9D7D9, #CFC687, #8B739E, #5C4658)
• Ancient Summit color palette (#F4DED4, #D3B163, #599B6D, #76123A, #020100)
• Tempered Stone Field color palette (#FAF5E5, #B6B86D, #5FAF9A, #20837B, #2A240E)

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