Muted Cocoa Balcony color palette — #F8F9CC · #A5D4AF · #9AA98E · #667C73 · #75420A

Bronze and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F8F9CC): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#A5D4AF): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#9AA98E): A luminous, dusty green — the color of a quiet forest floor.
• Pewter (#667C73): A full-bodied, dusty teal — the color of shallow lagoons.
• Bronze (#75420A): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Muted 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

• Softworn Atelier color palette (#FFF5D5, #BFD0A1, #9BA07F, #637F6A, #3A5145)
• Tempered Cocoa color palette (#FBF7D7, #AEB695, #7E9179, #705662, #713416)
• Hushed Chestnut color palette (#E5FEDB, #8FD6D8, #75ABBA, #887380, #675100)
• Pale Basin color palette (#F0F9E3, #69CFA2, #D49654, #37946E, #47413C)
• Antique Frost Loft color palette (#B4EFFF, #90BDAA, #9A809D, #7C5C65, #573C3F)
• Cerulean Bloom color palette (#F4F6EE, #B8EAE8, #74ADCB, #3D8792, #275144)
• Quiet Lagoon color palette (#E6FEDA, #5CE0CA, #2BA792, #007162, #00382F)
• Sunlit Teal color palette (#EBFBE1, #00BFA3, #56A0D7, #888B4A, #2F3D27)

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