Cocoa Courtyard color palette — #DCF2FF · #8094BD · #5D6185 · #713400 · #473800

Bronze takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#DCF2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#8094BD): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#5D6185): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#713400): A deep, shadowed, balanced gold — the color of old brass.
• Deep Olive (#473800): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Tempered Garnet color palette (#D4F6FD, #7B9CAD, #426E9A, #6B2F3D, #532512)
• Aubergine Corridor color palette (#DAE5F4, #8883B4, #6A3E75, #4B3300, #292A00)
• Pewter Alley color palette (#E7E9FD, #A083B0, #915575, #4D4800, #223F18)
• Lilac Basin color palette (#D7E6EF, #A3B8EC, #9F8AC6, #91664B, #473A0A)
• Worn Cocoa color palette (#CFE7FF, #9EABC4, #737397, #6E4757, #2B4938)
• Ancient Pewter color palette (#DAEDEA, #6F9BC1, #76548E, #234C3B, #00281A)
• Driftwood Basin color palette (#BEE9E3, #6BADD4, #906FAC, #615F23, #3A3831)
• Weathered Chestnut color palette (#EDF4FF, #B0B4D1, #88819C, #735F30, #2B5B4D)

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