Cocoa Orchard color palette — #EDF9F1 · #8AD1E4 · #DCA097 · #4699AE · #763A1B

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

The five colors

• Ivory (#EDF9F1): bright and airy, almost weightless.
• Sky (#8AD1E4): A whisper-light, dusty blue — the color of deep harbor water.
• Rosewood Mist (#DCA097): A luminous, dusty orange — the color of autumn markets.
• Cerulean (#4699AE): A luminous, balanced blue — the color of deep harbor water.
• Bronze (#763A1B): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged light, muted.

Use it as a design system

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

• Aged Cerulean Alley color palette (#FCF1FD, #A0C8F5, #DEA27A, #5A90CA, #524C47)
• Antique Lagoon color palette (#F1F8E8, #97D4B6, #D79EB4, #569D7C, #654340)
• Antique Turquoise Studio color palette (#E8F8FF, #ACF3FF, #FFB999, #24ACBE, #593B4D)
• Aged Field color palette (#EBF9F0, #97E3F5, #E1B1FA, #5BB7CD, #60444C)
• Worn Sky color palette (#E6FBEF, #5FC0DC, #D59181, #A78552, #2F493B)
• Timeworn Petrol color palette (#ECF7FD, #89B7CF, #AB8ABB, #008098, #5A4364)
• Antique Bronze color palette (#FDF3E9, #D7C9AF, #AE977C, #9F643B, #554700)
• Weathered Summit color palette (#F9F3F9, #E9CBAB, #677EA2, #584658, #322732)

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