Cocoa Garden color palette — #ECF9EF · #99E3EE · #F5B5A7 · #5BB8C6 · #763A19

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

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Ice Blue (#99E3EE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Rose Quartz (#F5B5A7): A whisper-light, dusty orange — the color of autumn markets.
• Cyan (#5BB8C6): A luminous, balanced blue — the color of deep harbor water.
• Bronze (#763A19): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Cocoa Garden 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

• Washed Turquoise Dune color palette (#EBF9EF, #B3EBE2, #FEB7AE, #00ADC2, #4C4441)
• Sky Lagoon color palette (#E8FAF4, #B0DAFF, #D8C68F, #78AEDD, #644800)
• Cerulean Thicket color palette (#E9F8FF, #88D2DF, #DF9F95, #459AA8, #61415B)
• Apricot Field color palette (#DBFFED, #69D4FF, #FFAC6B, #009AC7, #5A2D00)
• Softworn Oat Corridor color palette (#EBFAED, #ECD5D3, #B0CFB9, #ACAFA3, #3E524A)
• Wandering Fern color palette (#FDF3EA, #E5D8BD, #CAB197, #AE8877, #514800)
• Feathered Cornflower Bloom color palette (#FAE8F7, #A2BDFF, #FCA458, #6181DB, #502B06)
• Wandering Ash color palette (#FBF2FA, #FED5B3, #869FCA, #7C637B, #302830)

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