Ultramarine Villa color palette — #ECF2FD · #D2D2E3 · #B3A5BE · #3E47C2 · #0F192E

Cobalt takes the lead with Midnight close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#ECF2FD): a clean, paper-quiet neutral.
• Silver (#D2D2E3): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#B3A5BE): A luminous, dusty violet — the color of a velvet chair.
• Cobalt (#3E47C2): A full-bodied, vivid violet — the color of twilight just after sunset.
• Midnight (#0F192E): 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 Villa 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

• Wandering Denim Canyon color palette (#E9F3FD, #CBD4E7, #AAA7C9, #006290, #051C2D)
• Amethyst Cabin color palette (#F0F1FD, #DFD2DB, #CDB7CB, #7E52A9, #232335)
• Aubergine Quarry color palette (#E9E8F1, #CFC8D4, #B09DAB, #6F3C81, #161322)
• Muted Quarry color palette (#FFF0F9, #E6D6D5, #B3AE98, #6A6AE9, #311D2A)
• Hushed Pier color palette (#EFF2F9, #DBD5DC, #B9ABAB, #7682A2, #33363E)
• Amethyst Boulevard color palette (#D7DFFF, #7B3DF4, #4B5100, #2B3000, #001308)
• Aubergine Balcony color palette (#E7E8F0, #8F8A9B, #77637A, #31056A, #010105)
• Grape Bloom color palette (#E8E2F0, #7C00C6, #390722, #06031E, #000106)

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