Washed Ultramarine Harbor color palette — #D3E2F6 · #3276F1 · #986500 · #0045C3 · #0B0500

Built around Cobalt, softened by Sapphire — the whole palette hums with trust and stability.

The five colors

• Frost (#D3E2F6): A whisper-light, dusty blue — the color of deep harbor water.
• Sapphire (#3276F1): A full-bodied, vivid violet — the color of a velvet chair.
• Ochre (#986500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cobalt (#0045C3): A full-bodied, vivid violet — the color of wild irises.
• Ink (#0B0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Washed 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

• Softworn Lantern color palette (#DEEFFF, #0085CC, #A45C00, #00598B, #0D0400)
• Frosted Nightshade Canyon color palette (#E2ECFF, #465CCA, #7A4C00, #1E00A7, #0B0400)
• Tempered Grape Loft color palette (#E4E9FF, #8561E1, #6C7900, #5F29B9, #050700)
• Timeworn Sapphire Quarry color palette (#D6E1FB, #3B5CEA, #C0080F, #006B27, #000010)
• Eclipse Navy color palette (#F4DCF1, #0742A7, #513500, #001750, #020100)
• Worn Indigo color palette (#D5DEF5, #B9BBFF, #B5A403, #655BCC, #2F2900)
• Aubergine Canyon color palette (#E7E9FF, #AA7F00, #5C2591, #1E0435, #01000E)
• Grape Orchard color palette (#DFEDE0, #E03700, #7C11EA, #170A2D, #01000E)

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