Cocoa Courtyard color palette — #E3F5FF · #00859F · #86391C · #612600 · #3B2700

A conversation between Rust and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Frost (#E3F5FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#00859F): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#86391C): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#612600): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#3B2700): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Hushed Mulberry Canyon color palette (#DFF7FA, #008B70, #852F5D, #681B14, #3C1E00)
• Soft Garnet color palette (#D1ECFF, #00799F, #910409, #273A00, #002614)
• Weathered Cobalt Orchard color palette (#E8F3FF, #007ACE, #794600, #3B3E00, #0E2D0F)
• Faded Terracotta Studio color palette (#E8F8FF, #009AAB, #9B4345, #514900, #17412F)
• Cocoa Balcony color palette (#D5E4ED, #006277, #5D2200, #2F1A00, #0A0F01)
• Feathered Quarry color palette (#DBFAF4, #2D8E00, #5D428A, #6B1708, #491B12)
• Sunlit Azure color palette (#E4F5FF, #18A4D0, #616AB2, #6E3770, #00342B)
• Powdered Rust Archive color palette (#E9F6EB, #58C4CC, #7F8CDA, #BC4100, #003524)

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