Cobalt Courtyard color palette — #E6D9E7 · #D5B46C · #377BC5 · #104982 · #130515

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

The five colors

• Silver (#E6D9E7): A whisper-light, dusty pink — the color of neon signs at night.
• Sand (#D5B46C): A luminous, balanced gold — the color of afternoon light on wheat.
• Azure (#377BC5): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#104982): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#130515): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Balance. Tagged luxury, dark.

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

• Cobalt Workshop color palette (#F8E9F6, #E3C484, #6386CE, #3E5585, #1F101D)
• Cerulean Archive color palette (#CEE4D8, #D4B470, #0086A4, #005164, #000F07)
• Violet Orchard color palette (#EDD7DF, #D4B470, #8665B7, #533879, #18030D)
• Chalky Navy Canyon color palette (#E9DAE4, #CA9E37, #535EB3, #282981, #080005)
• Antique Quarry color palette (#EFF6FF, #EEAB62, #004AAB, #00153C, #000105)
• Worn Corridor color palette (#F3ECF0, #DCCFCD, #CFB3AA, #8F7DF3, #3C2632)
• Worn Amber Delta color palette (#E5F1FF, #B28600, #00386E, #00122A, #000206)
• Washed Studio color palette (#FFF1F1, #F4C868, #CA63A9, #873D6F, #2A1314)

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