Airy Ultramarine Harbor color palette — #EBF0E4 · #84A5C7 · #0061CA · #004563 · #010448

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

The five colors

• Cream (#EBF0E4): a clean, paper-quiet neutral.
• Blue Fog (#84A5C7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#0061CA): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Navy (#004563): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#010448): 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 Airy 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

• Petrol Hollow color palette (#ECEFE4, #79A9C1, #006E9F, #004856, #001528)
• Timeworn Ultramarine color palette (#D8F5F5, #81BCF6, #0061CF, #003A54, #000016)
• Soft Nightshade color palette (#E9DED2, #6794BC, #2133B4, #002F36, #17013D)
• Airy Cornflower color palette (#DDEBDC, #7EB6E8, #5679EC, #006B79, #16033C)
• Cobalt Courtyard color palette (#EDF0E8, #A5CFC1, #4E8AC8, #006788, #092B60)
• Powdered Loft color palette (#D7E4D6, #008986, #6D3DD6, #00504E, #130034)
• Azure Hollow color palette (#F4F7EB, #B8E7D3, #2AA5EB, #007F98, #004272)
• Softworn Cerulean color palette (#DBF3F6, #009BAB, #005E68, #002D32, #000203)

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