Ultramarine Harbor color palette — #E7DDCE · #9A6F00 · #3251E3 · #5A4000 · #03043B

A conversation between Cobalt and Ochre, giving this palette its sense of optimism and creativity.

The five colors

• Bone (#E7DDCE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ochre (#9A6F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cobalt (#3251E3): A full-bodied, vivid violet — the color of a velvet chair.
• Bronze (#5A4000): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Indigo (#03043B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Grape Cabin color palette (#ECE5C4, #777F00, #6F37DB, #454A00, #130034)
• Muted Petrol color palette (#FCE2CA, #AB6400, #006AAC, #653900, #001021)
• Powdered Sapphire Pier color palette (#E1F4E4, #C89729, #0C61E8, #7E5B00, #000B30)
• Wandering Navy color palette (#EDE1CE, #7A5800, #0043A4, #3B2900, #000D2C)
• Worn Corridor color palette (#F6E4A9, #CFAC29, #4F6EEC, #7E6600, #16246A)
• Feathered Veranda color palette (#FCE3D6, #D53000, #007287, #7F1900, #001318)
• Muted Bronze Coast color palette (#CEE5D3, #9D7800, #00786C, #4C3900, #000201)
• Dusty Workshop color palette (#F1EBDD, #7E6200, #006773, #761A74, #0B0700)

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