Cocoa Balcony color palette — #FAEAF2 · #C09EAC · #6E876B · #5B2500 · #200C18

Espresso and Eucalyptus set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FAEAF2): A whisper-light, dusty rose — the color of a warm blush.
• Mauve (#C09EAC): A luminous, dusty rose — the color of pressed rose petals.
• Eucalyptus (#6E876B): A full-bodied, dusty green — the color of a quiet forest floor.
• Espresso (#5B2500): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#200C18): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Garnet Lantern color palette (#E9E0E6, #BCA0B1, #987385, #6C0700, #1C0E1A)
• Tempered Basalt Garden color palette (#D8E3D9, #9BAFA1, #638976, #4A3300, #0A180C)
• Wandering Cocoa Coast color palette (#EFE5DF, #C1B1A2, #A49277, #883504, #230D01)
• Rust Terrace color palette (#EEE1EA, #A7B9B3, #76A8A9, #C43A00, #1D0E18)
• Fern Boulevard color palette (#E7F1EC, #BDD2C9, #88A99F, #5C5719, #23322A)
• Ember Canyon color palette (#F8D7E3, #EC5E02, #A56200, #5F4A00, #140900)
• Tempered Olive color palette (#E2F0E8, #6D7100, #303E00, #351B00, #101100)
• Antique Cypress color palette (#EEF8F6, #D0DEE3, #B0C4CC, #4A8077, #3F4A48)

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