Ultramarine Harbor color palette — #F5ECEF · #8DB7D6 · #425DC6 · #00504E · #332252

Cobalt and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F5ECEF): a clean, paper-quiet neutral.
• Sky (#8DB7D6): A luminous, dusty blue — the color of open sky before noon.
• Cobalt (#425DC6): A full-bodied, vivid violet — the color of wild irises.
• Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#332252): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Ancient Petrol color palette (#F4EBF2, #82BCC7, #006FA3, #005237, #1C2B55)
• Petrol Thicket color palette (#F1E8D9, #87B9E2, #3C6BAF, #004958, #0D1233)
• Frosted Corridor color palette (#E7F2E9, #97CBF4, #5687CF, #00697E, #222954)
• Wandering Periwinkle color palette (#F5EDE6, #B0D9FA, #7FA3EE, #008F9C, #2C2651)
• Navy Thicket color palette (#EFDDE6, #3D9CBE, #00488E, #003129, #12063C)
• Tempered Cypress color palette (#FAF2F8, #C2E2F2, #5790BD, #167358, #394764)
• Mulberry Corridor color palette (#E3D9F3, #B952A0, #007690, #7F0069, #002E3A)
• Wandering Plum color palette (#F8E8FE, #B43167, #006B78, #1C4C6A, #291631)

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