Ultramarine Courtyard color palette — #D5E1EC · #1183F5 · #0047E7 · #1B00A6 · #100051

Cobalt and Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D5E1EC): bright and airy, almost weightless.
• Azure (#1183F5): A luminous, vivid blue — the color of deep harbor water.
• Cobalt (#0047E7): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#1B00A6): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#100051): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, 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

• Neon Lapis color palette (#D4E0FC, #6E7DFF, #5C15FE, #3D0096, #23004A)
• Ultramarine Garden color palette (#D2F3FF, #029EEB, #0055DB, #3D00A9, #391968)
• Pale Lapis Hollow color palette (#C7F1FF, #7FC7FF, #4780FF, #4400DF, #320066)
• Misty Boulevard color palette (#EEF1FF, #CFC4FF, #BA89DD, #2B5ADB, #1D0C4A)
• Tempered Nightshade Grove color palette (#E8EFFF, #6A79EA, #D10052, #3700D6, #31000D)
• Frosted Cerulean color palette (#C0E6F8, #0092CB, #0069A0, #003E6D, #00163B)
• Amethyst Thicket color palette (#E5E7FB, #9586EA, #7E39DA, #6200A1, #34004F)
• Cellar Aubergine color palette (#DCE4FB, #383DA2, #28007B, #100031, #020008)

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