Ultramarine Harbor color palette — #F0F5FF · #1D56CA · #7F2A00 · #232F00 · #000102

A conversation between Cobalt and Rust, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Cobalt (#1D56CA): A full-bodied, vivid violet — the color of wild irises.
• Rust (#7F2A00): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#232F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, 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

• Hushed Garnet Coast color palette (#EEF6FF, #1377B8, #800405, #2E2C00, #000201)
• Washed Violet Coast color palette (#EFF2FF, #8060D4, #93002B, #2B2500, #000202)
• Amethyst Ridge color palette (#F3F4FF, #7A3BD7, #644600, #003416, #000103)
• Nocturne Nightshade Balcony color palette (#E3E9FF, #4828BA, #4F3000, #001F05, #000103)
• Shadow Garnet Study color palette (#CEEFE3, #005076, #5A0B00, #00231B, #000201)
• Midnight Grape color palette (#EAEBFF, #8315C4, #3A2A26, #21051E, #010009)
• Iris Coast color palette (#D4F9DC, #8478E1, #7A327D, #342A00, #070013)
• Washed Violet color palette (#F2F4FF, #9455F6, #855E00, #005530, #00050B)

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