Cocoa Balcony color palette — #F3D7E6 · #853600 · #004D50 · #00294D · #1C0600

Rust takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#F3D7E6): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#853600): A full-bodied, balanced orange — the color of sun-warmed clay.
• Forest (#004D50): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#00294D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#1C0600): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Lowlit Forest color palette (#F7D5E0, #734600, #005225, #00274F, #040200)
• Ancient Mulberry Quarry color palette (#F8DEF9, #9A0033, #005036, #002E3A, #220005)
• Frosted Navy color palette (#E1F0E4, #6D5400, #004136, #05006A, #280013)
• Ancient Chestnut Pier color palette (#D0EDD6, #845E00, #364300, #002547, #1C1600)
• Worn Lagoon color palette (#DBF6DC, #6C4A00, #004966, #2C0070, #001202)
• Velvet Onyx color palette (#D5E3DB, #3F3800, #002C4C, #20002E, #020200)
• Muted Cocoa Study color palette (#D8E2D7, #AEBDB3, #77968A, #5E3C00, #182218)
• Weathered Aubergine Hollow color palette (#FFE0AF, #885F00, #00627C, #3D1399, #2C1C00)

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