Ultramarine Loft color palette — #EEF6FF · #A9CDFF · #508EFF · #3A50CC · #262862

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

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Sky (#A9CDFF): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#508EFF): A luminous, vivid violet — the color of wild irises.
• Cobalt (#3A50CC): A full-bodied, vivid violet — the color of twilight just after sunset.
• Navy (#262862): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Azure Harbor color palette (#EAF8FF, #9ED8FF, #0CA1F4, #0064AE, #0B3366)
• Violet Station color palette (#F1F5FF, #B3C0FF, #8672FF, #5F4BA6, #392B57)
• Muted Indigo Summit color palette (#D1F3FF, #8EC8FF, #6F9FFF, #7367D2, #4A3568)
• Soft Courtyard color palette (#E0F3FF, #249AFB, #2360D4, #2B349F, #201451)
• Linen Nightshade color palette (#F3F4FF, #D9DCFF, #8A84FF, #4B34AA, #150044)
• Feathered Sapphire color palette (#DFECFF, #8FB3FF, #4B58FF, #3A34A1, #201945)
• Indigo Hollow color palette (#F0F5FF, #B1C6FF, #FF809B, #5170EF, #541125)
• Pale Bloom color palette (#89F1FF, #21AFF8, #3868ED, #523AA6, #4D276C)

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