Ultramarine Harbor color palette — #D2DEF7 · #4C52BE · #754700 · #254100 · #0E1935

Built around Cobalt, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Powder Blue (#D2DEF7): A whisper-light, dusty violet — the color of a velvet chair.
• Cobalt (#4C52BE): A full-bodied, vivid violet — the color of wild irises.
• Bronze (#754700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#254100): A deep, shadowed, balanced green — the color of new leaves after rain.
• Midnight (#0E1935): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged 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

• Aged Nightshade color palette (#DDE4FC, #5A3CAA, #603900, #00340A, #001522)
• Hazy Indigo Balcony color palette (#E9EEFF, #6D5ACE, #825700, #165305, #1F253B)
• Terracotta Corridor color palette (#C9E1F8, #0067A2, #952400, #423700, #061C2E)
• Weathered Mulberry Hollow color palette (#DFDAF1, #90329A, #545800, #004234, #1C1531)
• Patina Indigo color palette (#EED6E6, #6568FF, #867000, #625100, #2A0F23)
• Chalky Pier color palette (#C8E8CE, #9753C0, #8B0058, #2D3800, #331834)
• Smoked Aubergine Basin color palette (#DFDAFC, #6C007F, #353A00, #002317, #0B000F)
• Worn Violet Market color palette (#F4F4FF, #9968BE, #7D7300, #106243, #313143)

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