Ultramarine Harbor color palette — #F0DDD0 · #3AB1D6 · #0067BA · #004B3E · #10053F

Cobalt takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#F0DDD0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cyan (#3AB1D6): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#0067BA): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#10053F): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Feathered Teal Pier color palette (#F7E3DC, #00B8BC, #007190, #004E1F, #00132E)
• Quiet Indigo color palette (#E8DDD2, #77B9EA, #526BCE, #005959, #24163C)
• Timeworn Lagoon color palette (#F6EAF1, #8DBFD4, #006AB1, #003E3B, #010015)
• Muted Cerulean color palette (#CFE6E3, #4A9ABA, #005071, #002F37, #001527)
• Patina Terrace color palette (#FCEBE1, #7AD3EE, #438BCD, #006E58, #252952)
• Quiet Azure Studio color palette (#FEF2ED, #96EBF8, #00A7EC, #008759, #2D3E66)
• Washed Plum color palette (#FEE1F0, #B30081, #006965, #004C5E, #15000C)
• Turquoise Archive color palette (#FFF2EE, #CFEFCD, #62B1CB, #618563, #543F56)

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