Cobalt Courtyard color palette — #EFF4E8 · #AAD4FF · #5183CB · #005C82 · #12214C

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

The five colors

• Cream (#EFF4E8): a clean, paper-quiet neutral.
• Powder Blue (#AAD4FF): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#5183CB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005C82): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#12214C): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Cerulean Canyon color palette (#F1F3E5, #7DE0F8, #0090B5, #006167, #00293A)
• Cobalt Harbor color palette (#EFF8F0, #A6D3FF, #537CD0, #00637C, #343774)
• Navy Pier color palette (#DDE4CE, #5190C2, #00498A, #00293A, #000315)
• Ancient Periwinkle color palette (#FCF4EA, #DAD5DF, #8DAAFF, #008597, #352E55)
• Cerulean Boulevard color palette (#E9EDD7, #00869F, #004255, #001F21, #000103)
• Worn Petrol Station color palette (#EAEBDB, #67C5C8, #007985, #004C45, #001A20)
• Antique Pewter Pier color palette (#F2F3EA, #BFE9E0, #80A78D, #577455, #243C30)
• Patina Amber color palette (#FFEFDC, #CE8700, #009979, #7D5000, #00281D)

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