Cobalt Courtyard color palette — #EEF6FF · #88BCF2 · #E08D62 · #1D84D9 · #63341B

A conversation between Azure and Camel, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Sky (#88BCF2): A luminous, balanced blue — the color of open sky before noon.
• Camel (#E08D62): A luminous, balanced orange — the color of autumn markets.
• Azure (#1D84D9): A luminous, balanced blue — the color of open sky before noon.
• Cocoa (#63341B): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

One click turns Cobalt 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

• Faded Cornflower color palette (#EFF6FF, #9BB7F3, #B7A551, #537BDB, #4C4210)
• Soft Coral Corridor color palette (#E9F8FF, #74C6D7, #E08988, #0090A5, #643131)
• Washed Cerulean Balcony color palette (#E3FCF3, #ABDBFF, #ECAA7B, #4691C4, #502F16)
• Amber Lagoon color palette (#E5FBF3, #57A8DD, #C7700A, #006D9F, #5A3A1F)
• Bronze Workshop color palette (#EFF6FF, #7CA5EA, #CF8357, #A57600, #283950)
• Ultramarine Garden color palette (#D3E7FF, #79B2FF, #AE8400, #0056B3, #3B2B00)
• Tempered Atelier color palette (#ECF7FF, #DDDAE4, #EEB9C0, #31A7A4, #3F4E61)
• Antique Petrol Atelier color palette (#F0F5FF, #C7C893, #626DA4, #373F69, #1A2132)

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