Ultramarine Courtyard color palette — #E6DED3 · #58AAE4 · #0061CC · #004856 · #090C39

Built around Cobalt, softened by Cornflower — the whole palette hums with trust and stability.

The five colors

• Bone (#E6DED3): bright and airy, almost weightless.
• Cornflower (#58AAE4): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#0061CC): A full-bodied, vivid blue — the color of open sky before noon.
• Deep Teal (#004856): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#090C39): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Ultramarine 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

• Petrol Veranda color palette (#F0E7D9, #52B1C5, #007094, #004A47, #001527)
• Antique Nightshade Courtyard color palette (#E8DCD0, #5796C3, #0E3CA9, #002F34, #13043D)
• Cobalt Pier color palette (#E2F2F1, #8EBDE1, #0068B9, #003B4F, #00020C)
• Dusty Quarry color palette (#F8E7ED, #87B6DB, #527EE0, #006B76, #14023E)
• Feathered Station color palette (#DFEBF7, #A1A8FF, #AD74CF, #00658B, #0B1838)
• Muted Cerulean Coast color palette (#D9EDF2, #0089AB, #005583, #003060, #030C43)
• Quiet Cobalt Canyon color palette (#D3F3E9, #007CC8, #8C5A00, #004877, #190C00)
• Aged Canyon color palette (#F4EDE3, #90CDF4, #4E89CA, #006A79, #1D2B53)

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