Cocoa Grove color palette — #EAFAEE · #9FE2ED · #F6B5A4 · #63B7C4 · #753B17

Bronze and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAFAEE): A whisper-light, dusty teal — the color of glacier melt.
• Ice Blue (#9FE2ED): A whisper-light, dusty blue — the color of deep harbor water.
• Melon (#F6B5A4): A whisper-light, dusty orange — the color of toasted spice.
• Cyan (#63B7C4): A luminous, balanced blue — the color of open sky before noon.
• Bronze (#753B17): A full-bodied, balanced orange — the color of sun-warmed clay.

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

Use it as a design system

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

• Sky Parlor color palette (#EBF9F4, #ACDBFF, #ECBD8F, #6AB0E2, #524C46)
• Ancient Teal Basin color palette (#F2F7EB, #A5E6C4, #EFB1D6, #6CBC94, #644344)
• Cerulean Courtyard color palette (#DAFFEF, #74D2FF, #FFAA7F, #0099CC, #612600)
• Washed Lagoon color palette (#ECFAEB, #91D2CE, #E0A07E, #3C9E99, #524C47)
• Muted Glacier color palette (#E6FCEE, #74D7F0, #E4A7D4, #BDAF75, #33483B)
• Cocoa Grove color palette (#FEF3E8, #EBD6B8, #CDB091, #AA8B75, #5B4400)
• Tempered Ash color palette (#FAF2FB, #F2DAB5, #80A2C6, #78657B, #302831)
• Patina Coral color palette (#E7F4FA, #6DC2D0, #DA806A, #1B7F8D, #3E2939)

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