Ultramarine Garden color palette — #F0F5FF · #CCD2E6 · #A2A3C6 · #304CBD · #24334C

A conversation between Cobalt and Mauve, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lilac Frost (#CCD2E6): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#A2A3C6): A luminous, dusty violet — the color of twilight just after sunset.
• Cobalt (#304CBD): A full-bodied, vivid violet — the color of wild irises.
• Navy (#24334C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Denim Canyon color palette (#EDF7FE, #C5D4E7, #98A7C6, #00628B, #243542)
• Tempered Parlor color palette (#EAF3FF, #CFD2E9, #B1A5C5, #0043DF, #0D1A2D)
• Aubergine Orchard color palette (#EEEEF5, #CEC9D8, #A89AB1, #694081, #2D2C3B)
• Worn Sapphire color palette (#FBF2FA, #EAD9DF, #D9AFCC, #196BF8, #3E2C3D)
• Washed Navy color palette (#DDE1EF, #9898AA, #736B88, #2D1860, #050718)
• Driftwood Boulevard color palette (#F2F5FC, #DDD8E0, #B7A8A6, #797EA9, #4F525B)
• Antique Orchard color palette (#FCF1FA, #EBD3D3, #DEC4F7, #7293F1, #3D2D3A)
• Byzantium Atelier color palette (#F2F5FF, #6CB4FF, #877AFF, #AF2DB3, #361656)

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