Weathered Ultramarine color palette — #E7F3E9 · #70A8D6 · #004DB3 · #002A34 · #01000B

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

The five colors

• Cream (#E7F3E9): bright and airy, almost weightless.
• Cornflower (#70A8D6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#004DB3): A full-bodied, vivid blue — the color of open sky before noon.
• Midnight (#002A34): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#01000B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered Ultramarine 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 Turquoise color palette (#DFEAE1, #57B0C6, #005D7D, #002B2A, #000104)
• Muted Navy color palette (#EEF2E6, #6284A2, #003C75, #00202E, #000525)
• Frosted Indigo Alley color palette (#F8E3EA, #5AA9DF, #506AD2, #005D5C, #0E0023)
• Lagoon Pier color palette (#C8F5FA, #00979C, #004C52, #222027, #000B0C)
• Cobalt Alley color palette (#EEF8F0, #9FD5ED, #0081C6, #005056, #000B25)
• Dusty Azure Ridge color palette (#BEE9F5, #4ECEEC, #3A97F9, #004A39, #000102)
• Tempered Coast color palette (#DAEBEE, #007B75, #9E003C, #003330, #040001)
• Pine Field color palette (#D3EAD9, #00825F, #004C41, #001919, #000102)

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