Cocoa Courtyard color palette — #D4E5DE · #55949C · #4A628D · #593600 · #201A00

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

The five colors

• Silver (#D4E5DE): A whisper-light, dusty teal — the color of sea glass.
• Storm Blue (#55949C): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#4A628D): A full-bodied, dusty violet — the color of wild irises.
• Cocoa (#593600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#201A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Cocoa Courtyard 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 Grove color palette (#C1ECE5, #00A1C7, #4A548C, #452808, #190A00)
• Linen Coast color palette (#E1E3C0, #369988, #006882, #710A0C, #2A1D00)
• Denim Harbor color palette (#D4EFEB, #587C65, #444C81, #422D00, #0F1700)
• Pewter Boulevard color palette (#D0EBF3, #6F88BD, #735185, #324707, #0B2000)
• Antique Mulberry color palette (#CCE6F2, #659DCB, #5A73A3, #704271, #2E061F)
• Cobalt Basin color palette (#DCF3FF, #3283BD, #2F477B, #431A44, #320A24)
• Chalky Atelier color palette (#D3F5E3, #5FB9CF, #6787C0, #7F5000, #394300)
• Antique Orchard color palette (#F9E3F9, #3276D0, #9B4F00, #00428C, #1D0900)

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