Ultramarine Coast color palette — #D7E5FF · #83AFFF · #AC8600 · #0045DA · #3A2C00

A conversation between Cobalt and Mustard, giving this palette its sense of trust and stability.

The five colors

• Frost (#D7E5FF): A whisper-light, dusty violet — the color of wild irises.
• Cornflower (#83AFFF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#AC8600): A luminous, balanced gold — the color of afternoon light on wheat.
• Cobalt (#0045DA): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#3A2C00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Sapphire Delta color palette (#FFF0FD, #88B2FF, #C89006, #0657EC, #2A1B00)
• Bronze Summit color palette (#CFE8FF, #5AB8FF, #B66400, #006EAD, #472300)
• Chalky Grape color palette (#DDE3FF, #B59DFF, #889500, #6B00D8, #2C3200)
• Chalky Nightshade color palette (#D9E5FF, #6A6EFF, #9F5E00, #3E0BD5, #442500)
• Timeworn Ember color palette (#B6F0FE, #00B1CD, #EB5200, #007689, #531700)
• Soft Corridor color palette (#EEECFE, #C194D1, #65B265, #9733B6, #164017)
• Worn Iris color palette (#F0F5FF, #B4C2F3, #C5B071, #7385DA, #365541)
• Grape Alley color palette (#E1E3FA, #D0A43B, #7039A5, #40006B, #160526)

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