Ultramarine Loft color palette — #D2E8FF · #708CD8 · #5359B2 · #483581 · #29153C

Built around Cobalt, softened by Royal Purple — the whole palette hums with creativity and balance.

The five colors

• Frost (#D2E8FF): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender Blue (#708CD8): A luminous, balanced violet — the color of twilight just after sunset.
• Cobalt (#5359B2): A full-bodied, balanced violet — the color of a velvet chair.
• Royal Purple (#483581): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#29153C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Gentle Aubergine color palette (#CEEEFF, #6D9BDA, #4B58C3, #582A9F, #4D2455)
• Grape Alley color palette (#DCDEFC, #9B81D3, #824BA6, #5F1F65, #381230)
• Faded Harbor color palette (#D1ECF5, #3AA6D7, #006CB0, #103881, #121D47)
• Frosted Iris color palette (#E8F8FF, #9EC7FF, #8280E5, #694193, #432245)
• Powdered Villa color palette (#E1E8FF, #8A85D7, #838100, #5042A3, #1E1E00)
• Aubergine Market color palette (#F2ECFF, #AB93DB, #7157A6, #3D1B67, #13002C)
• Pale Aubergine color palette (#DBE9FF, #5765D5, #4D13B4, #31005C, #12001B)
• Worn Harbor color palette (#EDF1FF, #F0CEFA, #DCA4BE, #586999, #25253D)

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