Cobalt Courtyard color palette — #EBF3FC · #4980BA · #363B50 · #202A34 · #13151A

Built around Cerulean, softened by Charcoal — the whole palette hums with trust and stability.

The five colors

• Ivory (#EBF3FC): bright and airy, almost weightless.
• Cerulean (#4980BA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#363B50): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#202A34): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#13151A): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

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

• Patina Periwinkle Pier color palette (#E9F3FF, #579DF3, #4C596E, #323940, #1E2226)
• Tempered Powder Harbor color palette (#F9EDFA, #8EBAEF, #8A7482, #5A515A, #1C2320)
• Aged Byzantium Loft color palette (#E4E3F1, #964DAD, #3B2B44, #1F1D2B, #0E0B11)
• Lapis Lagoon color palette (#D7E5FF, #484FE4, #361E46, #0A1632, #060714)
• Muted Bronze color palette (#F1F5FF, #908FD6, #9E891B, #57844D, #3C4253)
• Grape Orchard color palette (#E9EEFF, #512DC4, #251811, #2A0731, #04061D)
• Washed Lagoon Thicket color palette (#ECF8F4, #9ECBC7, #4D8F7F, #4B6B7C, #3F5150)
• Timeworn Iris Delta color palette (#E1F1FF, #9ABAF0, #7C7FD0, #6B5889, #5A465E)

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