Cocoa Courtyard color palette — #D1F5EA · #D2B4CF · #98798D · #735A5A · #67423C

Cocoa and Rosewood Mist set the tone — five colors that lean into sophistication.

The five colors

• Honeydew (#D1F5EA): A whisper-light, dusty teal — the color of sea glass.
• Rosewood Mist (#D2B4CF): A luminous, dusty pink — the color of neon signs at night.
• Heather (#98798D): A luminous, dusty pink — the color of peonies in June.
• Graphite (#735A5A): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#67423C): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: 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

• Worn Pier color palette (#FFF0FA, #DBBDCB, #A0898F, #826860, #674800)
• Hushed Cocoa color palette (#DCF5E1, #A9C6B5, #6E8980, #7A5D68, #65463D)
• Muted Powder color palette (#EDF6FF, #C7DAF5, #AFB4E3, #9689A5, #58475D)
• Antique Chestnut Pier color palette (#E8F6D9, #9DB7A6, #998395, #775A32, #3A3932)
• Wandering Station color palette (#F7D5DD, #B3868C, #87576F, #613C22, #373301)
• Timeworn Abyss color palette (#E2FAFF, #B5CFE0, #92A1BF, #647D67, #2B574B)
• Garnet Harbor color palette (#D4E1FB, #9498E2, #7B68A1, #7A2D43, #582D0A)
• Basalt Corridor color palette (#F6F6EC, #AFB38E, #4C815C, #525F45, #434700)

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