Cocoa Courtyard color palette — #D3EEFF · #6985B8 · #6E648F · #783600 · #1E1400

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

The five colors

• Frost (#D3EEFF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#6985B8): A luminous, balanced violet — the color of a velvet chair.
• Slate (#6E648F): A full-bodied, dusty violet — the color of a velvet chair.
• Bronze (#783600): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#1E1400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Driftwood Market color palette (#E4ECFD, #8C7AB2, #855883, #564100, #0C1200)
• Ancient Chapel color palette (#CCE9E5, #3C90A0, #436996, #72203C, #2A0900)
• Muted Terrace color palette (#E1DCF1, #AE7BAD, #A36572, #4C5F0E, #002411)
• Worn Denim Boulevard color palette (#DBF4E6, #3E808B, #474D91, #123C02, #021400)
• Airy Grape Harbor color palette (#DCE3F4, #6F6DDE, #7C7300, #4D00E0, #070600)
• Ancient Cobalt Field color palette (#E4EDE5, #74AAB9, #007FAB, #005D5B, #000A17)
• Aged Bronze Parlor color palette (#E0EDFF, #A5B2DA, #AB89AF, #9D691D, #393708)
• Soft Indigo color palette (#DDDBFA, #6E54D3, #A34700, #00694E, #02000C)

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