Cobalt Courtyard color palette — #AFF4EE · #51B9CF · #3380BD · #334A84 · #2C2146

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

The five colors

• Sea Foam (#AFF4EE): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#51B9CF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#3380BD): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#334A84): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#2C2146): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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 Villa color palette (#C3EAFC, #73ACDF, #6574BD, #4F3D77, #412342)
• Antique Teal color palette (#BAEDD2, #49BDAB, #00869C, #00577A, #1B2F4D)
• Washed Petrol Meadow color palette (#E9F3FF, #7EA5E0, #BD7C46, #3B64A2, #3C1A2B)
• Ancient Cobalt Ridge color palette (#EBF2FF, #A1BFF6, #6174B4, #1C3F70, #011637)
• Washed Bloom color palette (#D1F0CC, #78CDE1, #289AD1, #4E63B5, #4C466F)
• Dusty Ultramarine Villa color palette (#D2F2F9, #0094E5, #004FCB, #34008E, #260034)
• Dusty Market color palette (#E6F4FF, #E4D3E5, #EEB2B3, #458F94, #273144)
• Tempered Garden color palette (#D3E8DE, #D4BC00, #00BBF4, #142835, #091218)

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