Dusty Cocoa Courtyard color palette — #C2EBF6 · #8BB2C8 · #5D7493 · #75474B · #5C3436
Built around Coffee, softened by Cocoa — the whole palette hums with calm and sophistication.
The five colors
- Frost (#C2EBF6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Ash (#8BB2C8): A luminous, dusty blue — the color of deep harbor water.
- Slate (#5D7493): A full-bodied, dusty blue — the color of deep harbor water.
- Coffee (#75474B): A full-bodied, dusty red — the color of late-summer berries.
- Cocoa (#5C3436): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Calm, Sophistication. Tagged vintage, retro, muted, cool.
Use it as a design system
One click turns Dusty 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
- Teal Workshop color palette (#CCF3EE, #73B0A0, #498894, #534C6E, #4D3440)
- Hushed Alley color palette (#DFF2EB, #85A6AA, #487B96, #574B21, #143525)
- Dusty Studio color palette (#C8E4F8, #7A92DB, #776499, #6F3B08, #34400D)
- Ancient Driftwood color palette (#EAF8FF, #A8C0D5, #7682A4, #77586F, #3F553D)
- Cocoa Boulevard color palette (#D9ECD6, #A5CFB9, #97AED4, #A47E74, #6B3700)
- Weathered Hollow color palette (#ECE8BD, #A0BA9F, #7294B7, #825B17, #574219)
- Worn Cobalt Drift color palette (#EEF8F0, #A3CAE9, #497BB2, #005E6B, #2A3860)
- Washed Chestnut color palette (#EBF1FF, #BAA6E5, #9E7092, #705809, #445515)
Browse the whole catalog at Explore, or see today's palette.