Ultramarine Courtyard color palette — #E8EDF5 · #C2C2D5 · #AC9EB8 · #4856B0 · #181F2D

Cobalt and Mauve set the tone — five colors that lean into creativity and sophistication.

The five colors

• Frost (#E8EDF5): bright and airy, almost weightless.
• Stone (#C2C2D5): A luminous, dusty violet — the color of a velvet chair.
• Mauve (#AC9EB8): A luminous, dusty violet — the color of a velvet chair.
• Cobalt (#4856B0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Midnight (#181F2D): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Muted Mulberry Dune color palette (#ECEBF2, #C9C1CC, #B39DAC, #7D4986, #201C2F)
• Petrol Balcony color palette (#D9E0E5, #BAC5D6, #A0A2BD, #006B88, #0B222E)
• Muted Courtyard color palette (#F3E9EF, #C5B4BA, #A7838A, #3B338F, #281B23)
• Ultramarine Coast color palette (#FBF2F9, #E9D4D1, #DDADAB, #4455B3, #160712)
• Patina Coast color palette (#F3F4FF, #E1DBEA, #D3B1D0, #8E5BBE, #303045)
• Aubergine Grove color palette (#E6E3F0, #ABA0AD, #987D8C, #6D1C6A, #0B0617)
• Muted Pewter Dune color palette (#CFE9FF, #9985BD, #A25967, #005E44, #003032)
• Ash Harbor color palette (#F2F5FC, #DFD8E0, #CABBC2, #818EB4, #444751)

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