Cocoa Balcony color palette — #DFEAE0 · #005E62 · #673400 · #103000 · #000303

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

The five colors

• Parchment (#DFEAE0): bright and airy, almost weightless.
• Peacock (#005E62): A full-bodied, dusty teal — the color of glacier melt.
• Bronze (#673400): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#103000): A deep, shadowed, balanced green — the color of new leaves after rain.
• Black (#000303): a grounded near-black with real depth.

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

• Inked Canyon color palette (#CFEBDD, #004B62, #433400, #002317, #000102)
• Nocturne Nightshade Quarry color palette (#EDDFE9, #3730C9, #693300, #152F00, #070005)
• Gentle Byzantium color palette (#EFD8DC, #9821AE, #006454, #004036, #160006)
• Washed Ridge color palette (#FFE1F3, #4B14D4, #05530E, #003023, #020010)
• Misty Cobalt color palette (#E3F0FE, #0071C2, #795C00, #543F00, #000E1F)
• Gentle Garnet Studio color palette (#D5F4E0, #005C6D, #800036, #4F001E, #000304)
• Washed Lapis color palette (#ECDAE8, #334AFF, #4F6500, #004920, #030626)
• Hazy Basin color palette (#E1F8F1, #4C8BC6, #B05A1F, #2B602B, #091E1A)

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