Ultramarine Harbor color palette — #D8DFEA · #B1B2C7 · #9A90A8 · #143FC4 · #0B1422

A conversation between Cobalt and Heather, giving this palette its sense of creativity and energy.

The five colors

• Silver (#D8DFEA): a clean, paper-quiet neutral.
• Ash (#B1B2C7): A luminous, dusty violet — the color of wild irises.
• Heather (#9A90A8): A luminous, dusty violet — the color of wild irises.
• Cobalt (#143FC4): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#0B1422): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Dusty Bloom color palette (#DADFE5, #AEB4C4, #9691AE, #00568C, #051524)
• Tempered Grape color palette (#DDDEE6, #B6B1C1, #A28DA4, #6513BD, #101225)
• Weathered Navy color palette (#F4EAF1, #B9A2AD, #8B759C, #1B248B, #1C0E1A)
• Aged Villa color palette (#F6EAF5, #E4C6D2, #C39A9C, #214992, #070006)
• Antique Indigo Corridor color palette (#F0F5FF, #DCDBF1, #C9B4D9, #565BFF, #2A3345)
• Worn Grove color palette (#E1F2F4, #608BB1, #715087, #004E43, #001F22)
• Washed Mulberry color palette (#EEEBF3, #CCC0CB, #BA9AA8, #99307C, #231B2D)
• Aubergine Balcony color palette (#CFECE9, #007DA4, #64199A, #003614, #000A22)

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