Ultramarine Courtyard color palette — #D1EBF1 · #51B2E5 · #2383D9 · #3B52BB · #393163

Cobalt takes the lead with Azure close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D1EBF1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#51B2E5): A luminous, balanced blue — the color of deep harbor water.
• Azure (#2383D9): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#3B52BB): A full-bodied, vivid violet — the color of a velvet chair.
• Navy (#393163): A deep, shadowed, balanced violet — the color of wild irises.

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

• Sapphire Lantern color palette (#E1F2FF, #469ADE, #006FCC, #194691, #273761)
• Misty Periwinkle color palette (#D4E4F0, #74C0FF, #4A98F6, #4E75B8, #2A3A61)
• Gentle Hollow color palette (#D1EBE6, #30BDC5, #0090B4, #006194, #233E68)
• Quiet Cornflower color palette (#E5FAFF, #80D4FF, #4388E0, #4C5196, #2A234C)
• Hushed Grape color palette (#D1E9FF, #8BA2E8, #7873DB, #763EA6, #4F2858)
• Pale Indigo color palette (#C3F2DF, #9CC3F8, #7187DD, #7758B7, #553761)
• Weathered Field color palette (#DDF0F9, #008BDC, #2451DB, #3D00AC, #2A004D)
• Sapphire Ridge color palette (#F9E9F9, #77AAEE, #BB9A17, #0067CE, #413400)

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