Weathered Cobalt color palette — #EAF8FF · #62C4FF · #0080CF · #0053A0 · #001C5B

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF8FF): a clean, paper-quiet neutral.
• Sky (#62C4FF): A luminous, balanced blue — the color of deep harbor water.
• Azure (#0080CF): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#0053A0): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#001C5B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Weathered Cobalt 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

• Aqua Meadow color palette (#D3F7FF, #03CBF5, #0088B3, #005373, #00233A)
• Pale Ultramarine Courtyard color palette (#DDEEFF, #92C1FF, #3C82FF, #2333D4, #1F146B)
• Misty Nightshade Archive color palette (#CCF7FF, #009CC9, #006299, #0019AB, #18004A)
• Ancient Ultramarine Delta color palette (#D5F2F8, #0AC1F1, #0096E5, #2348FF, #301D79)
• Cobalt Thicket color palette (#D4E6F1, #0091D4, #0065A5, #003F76, #2E1661)
• Dusty Peony color palette (#EEF6FF, #7CB5FF, #FE42A7, #0068CD, #3D0023)
• Muted Indigo color palette (#E3E9FF, #999DFF, #7864DD, #5B3597, #280846)
• Weathered Veranda color palette (#F0F5FF, #C0D1FF, #7A86FF, #5F4FBF, #3A266D)

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