Ultramarine Harbor color palette — #FCF2F8 · #E6CAD5 · #C499A3 · #4A46B8 · #422A3A

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

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Oat (#E6CAD5): A whisper-light, dusty rose — the color of pressed rose petals.
• Mauve (#C499A3): A luminous, dusty red — the color of a theater curtain.
• Cobalt (#4A46B8): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#422A3A): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Tempered Ultramarine color palette (#F7EFF5, #E3CDD3, #CE9D9B, #383BDB, #251321)
• Weathered Chapel color palette (#EAF9F5, #E0CBDC, #BB9DAD, #005E9B, #1A3A32)
• Patina Mulberry Orchard color palette (#F5ECED, #DBC6C6, #B69893, #723C79, #372A2C)
• Indigo Boulevard color palette (#F1F5FE, #DDDCEB, #C6B7D1, #555BFF, #2B3344)
• Driftwood Garden color palette (#FBF3F6, #E0D7D6, #ADADA2, #9C7489, #594F54)
• Aubergine Basin color palette (#F3E6EB, #AA9397, #886768, #36155A, #11050A)
• Lowlit Coast color palette (#EBDBE0, #7E00BF, #360632, #150323, #0B0001)
• Misty Amethyst color palette (#FDDEEC, #7848DB, #910111, #2F3700, #002A30)

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