Ultramarine Courtyard color palette — #F0F5FF · #9CB1F6 · #D37825 · #4054BC · #24121A

A conversation between Cobalt and Mustard, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sky (#9CB1F6): A luminous, balanced violet — the color of wild irises.
• Mustard (#D37825): A luminous, balanced gold — the color of afternoon light on wheat.
• Cobalt (#4054BC): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ink (#24121A): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Creativity, Balance. Tagged duotone.

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

• Powdered Raspberry Pier color palette (#EFF6FF, #8DB6F4, #D04A6D, #3670C5, #201223)
• Tempered Archive color palette (#F3F4FD, #CFB5FC, #CE7446, #8C6FB9, #2D1F27)
• Feathered Violet color palette (#F4F4FF, #CB9CF6, #AA7400, #8956B4, #0E1C0F)
• Washed Rose color palette (#FFF0F8, #CDC9FF, #D15F74, #7467BD, #0F0201)
• Iris Grove color palette (#ECF2FF, #858AE8, #7C7500, #005A69, #00323B)
• Fuchsia Summit color palette (#F8F2FF, #BAD0FF, #FA85ED, #DA8000, #3B2640)
• Gentle Violet color palette (#F3F4FF, #956BC4, #A45200, #006163, #1B1B32)
• Hushed Lilac Station color palette (#FFF1F6, #A97DF4, #9D304E, #5C3791, #26120E)

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