Ultramarine Harbor color palette — #86FEF2 · #00CDE8 · #0098DB · #3142D2 · #4A0386

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

The five colors

• Sea Foam (#86FEF2): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#00CDE8): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0098DB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#3142D2): A full-bodied, vivid violet — the color of twilight just after sunset.
• Royal Purple (#4A0386): A deep, shadowed, vivid violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.

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

• Soft Grape Canyon color palette (#A7F4FF, #53C9FE, #4B86FF, #5F38D2, #50006F)
• Washed Hollow color palette (#ACFFE6, #00D5DC, #0096B9, #0060A0, #31138B)
• Timeworn Indigo Study color palette (#9FFFD2, #22E3F6, #2CB1FA, #5E66E4, #510069)
• Ultramarine Loft color palette (#E0FBFF, #85DFFF, #0597F0, #1A4DCF, #1E006B)
• Ancient Nightshade Courtyard color palette (#D5EDED, #00B1E9, #0070D2, #3F2DA3, #350050)
• Chalky Lapis Meadow color palette (#D6F3FC, #0094EE, #4A34F4, #500085, #260026)
• Antique Coast color palette (#E3F3ED, #008FD1, #383F74, #062E23, #09150D)
• Sapphire Meadow color palette (#FFF3E5, #00BDCD, #3270FE, #7D5000, #003B4F)

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