Cocoa Courtyard color palette — #F9EEF5 · #8F97CF · #8F5E8B · #773435 · #002B3F

A conversation between Rust and Slate, giving this palette its sense of creativity and sophistication.

The five colors

• Blush (#F9EEF5): a clean, paper-quiet neutral.
• Blue Fog (#8F97CF): A luminous, balanced violet — the color of twilight just after sunset.
• Slate (#8F5E8B): A full-bodied, balanced pink — the color of peonies in June.
• Rust (#773435): A full-bodied, balanced orange — the color of autumn markets.
• Midnight (#002B3F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Creativity, Sophistication. Tagged 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

• Garnet Canyon color palette (#F9EEF4, #9A95C7, #8F6081, #7F2D26, #362300)
• Cobalt Quarry color palette (#F4EAF2, #7081B2, #493441, #261A23, #100A10)
• Washed Driftwood color palette (#F2F5FF, #ADA9E5, #AF77A2, #925552, #29465A)
• Muted Denim Corridor color palette (#FEDDF1, #B7B0E3, #907DBC, #67488B, #482632)
• Worn Pewter color palette (#ECF7FE, #54A3C2, #9D576D, #3C5F27, #1A4C45)
• Softworn Petrol color palette (#F1F3EC, #C5E1E3, #7AA0C5, #227591, #432D44)
• Coral Summit color palette (#FFEDE9, #C57080, #8C5527, #464300, #002612)
• Feathered Canyon color palette (#F9DADD, #954B8A, #880110, #362300, #0E0029)

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