Ultramarine Harbor color palette — #D8E3F1 · #78B2FF · #D17403 · #005AB9 · #2C1300

Cobalt and Mustard set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D8E3F1): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#78B2FF): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#D17403): A luminous, balanced gold — the color of honey in a jar.
• Cobalt (#005AB9): A full-bodied, vivid blue — the color of deep harbor water.
• Ink (#2C1300): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged 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

• Frosted Meadow color palette (#E9F0FF, #97A9FF, #BC8303, #403AE1, #261700)
• Amber Terrace color palette (#DBEBF5, #00ADD4, #BB8200, #007D9A, #261700)
• Antique Ultramarine Bloom color palette (#D9E8FF, #709CFF, #848702, #071BE4, #101100)
• Amethyst Delta color palette (#DEE3FF, #A881FA, #C17E00, #843AE9, #281600)
• Crimson Ridge color palette (#C9E3F4, #32BFF5, #E5004A, #007BA3, #39000C)
• Gentle Indigo color palette (#D9E4FF, #A6ACFF, #B2BC20, #6B66F3, #2E3100)
• Quiet Study color palette (#CCE7FF, #30ABF6, #737D00, #A75500, #001322)
• Cornflower Orchard color palette (#E2F0FF, #1196F8, #009348, #004F89, #000B02)

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