Cocoa Balcony color palette — #FAF1FF · #F8C6CD · #C38DA9 · #8D5E43 · #5A3700

Cocoa takes the lead with Dusty Rose close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#FAF1FF): A whisper-light, dusty violet — the color of wild irises.
• Shell Pink (#F8C6CD): A whisper-light, dusty red — the color of a theater curtain.
• Dusty Rose (#C38DA9): A luminous, dusty rose — the color of strawberry cream.
• Walnut (#8D5E43): A full-bodied, dusty gold — the color of honey in a jar.
• Cocoa (#5A3700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Bronze Grove color palette (#FFF0F8, #FFD3DD, #DC999A, #856A31, #45423B)
• Taupe Studio color palette (#FFE8F4, #D496AA, #976263, #503800, #1F1A00)
• Pale Field color palette (#F3D9FF, #D195C6, #B35A85, #7E4E2E, #61410C)
• Terracotta Lagoon color palette (#FFE5EB, #C27F7F, #8B4633, #3B3300, #070B00)
• Chestnut Lantern color palette (#FFF1F2, #DBABA7, #A17A70, #74531D, #312300)
• Patina Bronze Balcony color palette (#F9DBD1, #A06B43, #654C25, #0C2900, #000201)
• Feathered Amber color palette (#FFF1F1, #FDAB96, #C47B3E, #586222, #1C4112)
• Soft Forest color palette (#D1E6FF, #B9A0E1, #AC6983, #105E37, #003526)

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