Ultramarine Courtyard color palette — #D3E5E5 · #009868 · #0060C4 · #7B004F · #0C0600

A conversation between Cobalt and Mulberry, giving this palette its sense of trust and stability.

The five colors

• Silver (#D3E5E5): bright and airy, almost weightless.
• Fern (#009868): A luminous, balanced teal — the color of sea glass.
• Cobalt (#0060C4): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Mulberry (#7B004F): A deep, shadowed, vivid rose — the color of a warm blush.
• Ink (#0C0600): A deep, shadowed, dusty gold — the color of old brass.

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

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

• Linen Hollow color palette (#DEF5F9, #009583, #0749F3, #7A0053, #0E0500)
• Patina Aubergine color palette (#C8EFEA, #109B24, #006E90, #650089, #150200)
• Grape Ridge color palette (#C9EFF9, #008383, #5022D4, #6A0025, #020200)
• Teal Orchard color palette (#DAEAE1, #2EA8A6, #2480A5, #713B5B, #3D010E)
• Hazy Plum Bloom color palette (#C8F1F5, #00C4A0, #3086FD, #B30088, #361E00)
• Aubergine Orchard color palette (#DEF6EA, #6B6A00, #4B00B1, #461300, #140200)
• Lagoon Atelier color palette (#D6ECE5, #009895, #007D87, #00596B, #00121C)
• Softworn Byzantium color palette (#E2F2FF, #009ADF, #AF28BA, #803A00, #051700)

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