Cobalt Courtyard color palette — #E7F9FD · #03A9A1 · #5074CB · #704D8C · #332938

Built around Sapphire, softened by Turquoise — the whole palette hums with creativity and balance.

The five colors

• Ivory (#E7F9FD): bright and airy, almost weightless.
• Turquoise (#03A9A1): A luminous, balanced teal — the color of shallow lagoons.
• Sapphire (#5074CB): A full-bodied, balanced violet — the color of a velvet chair.
• Plum (#704D8C): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#332938): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged jewel, vibrant.

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

• Iris Market color palette (#ECF7FD, #61B0C6, #8878CD, #865B7F, #3A2D3A)
• Jade Lantern color palette (#E7FAF8, #5EB472, #0084A8, #435D94, #282739)
• Lagoon Garden color palette (#E6FBF3, #79C686, #009D7C, #246997, #204444)
• Hazy Workshop color palette (#E4FCF2, #738B00, #4B4E93, #393C74, #372634)
• Grape Balcony color palette (#E8F8FF, #008E9F, #6A16FB, #79007B, #2F0008)
• Hazy Mustard Villa color palette (#F8F6E5, #AEBD62, #75A1D9, #A36FA3, #3A2413)
• Byzantium Cabin color palette (#EEF6FF, #0092EC, #B100B8, #A30049, #341426)
• Soft Violet Corridor color palette (#EEF9EE, #D28C20, #975BB6, #883A5E, #362530)

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