Ultramarine Harbor color palette — #FBD8F4 · #4F76FF · #CC0062 · #1E20D8 · #590027
A conversation between Cobalt and Magenta Rose, giving this palette its sense of creativity and warmth.
The five colors
- Thistle (#FBD8F4): A whisper-light, dusty pink — the color of a candy shop window.
- Periwinkle (#4F76FF): A luminous, vivid violet — the color of wild irises.
- Magenta Rose (#CC0062): A full-bodied, vivid red — the color of late-summer berries.
- Cobalt (#1E20D8): A full-bodied, vivid violet — the color of wild irises.
- Mulberry (#590027): A deep, shadowed, balanced red — the color of embers at dusk.
Feels like: Creativity, Warmth, Comfort, Energy. Tagged vibrant, warm.
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
- Neon Grape color palette (#FDD9EC, #8263FF, #D2002B, #5211C3, #5C000D)
- Raspberry Archive color palette (#D0E8FF, #0089E1, #C3008E, #005188, #55003C)
- Aged Lapis Chapel color palette (#DBE3FC, #4A51FF, #AB008C, #005E67, #161C53)
- Washed Mulberry color palette (#F4DBE6, #A9006E, #004C8C, #540035, #001024)
- Wandering Ultramarine Cabin color palette (#F6E1F4, #407DFF, #8C6D00, #002ECB, #1D1500)
- Shadow Grape Hollow color palette (#E0DEFB, #5900CB, #7A000F, #24005C, #140001)
- Ultramarine Ridge color palette (#D5E6FF, #85AEFF, #AE8400, #0043DB, #3B2B00)
- Washed Wisteria color palette (#FFE8EC, #B56BC7, #B06219, #773785, #4E2B0E)
Browse the whole catalog at Explore, or see today's palette.