Cocoa Orchard color palette — #E3F2E5 · #54938A · #315D7B · #5C2800 · #411C03

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

The five colors

• Honeydew (#E3F2E5): A whisper-light, dusty green — the color of fresh herbs.
• Storm Blue (#54938A): A luminous, dusty teal — the color of sea glass.
• Peacock (#315D7B): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#5C2800): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#411C03): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Ancient Lagoon color palette (#DDF6F3, #5687A3, #484C82, #453300, #282600)
• Garnet Basin color palette (#F7EFDA, #73935B, #256960, #5F213D, #490D12)
• Softworn Ridge color palette (#D5F6EB, #48A6C3, #5262AE, #664903, #4E3700)
• Worn Navy Cabin color palette (#DAEDED, #387397, #3F2F6B, #272200, #011405)
• Chestnut Veranda color palette (#D8F6E1, #007B8C, #854700, #00414B, #2C1300)
• Muted Pier color palette (#E7E7D2, #3D8B64, #005049, #203600, #002112)
• Timeworn Basalt Cabin color palette (#CCECD5, #6CA0B7, #497297, #563B68, #3B1C3B)
• Airy Cocoa Thicket color palette (#C6EBFC, #006381, #852D00, #602C00, #00141D)

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