Weathered Cobalt color palette — #97F0FF · #3FD7FE · #07B4F0 · #0086D0 · #203E6C

Cerulean and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Sea Foam (#97F0FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Ice Blue (#3FD7FE): A luminous, balanced blue — the color of open sky before noon.
• Cyan (#07B4F0): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0086D0): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#203E6C): A deep, shadowed, balanced blue — the color of open sky before noon.

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

• Cornflower Hollow color palette (#B0E8FF, #81CCFF, #48A2FF, #4177F3, #2D3569)
• Gentle Sapphire color palette (#D0E4EA, #10B3F3, #0090D8, #2464C6, #1E2E5E)
• Quiet Archive color palette (#D4FFFC, #15E4F8, #00A0DD, #3862C1, #332C66)
• Aqua Delta color palette (#C6EDE0, #00D9D3, #00B5C1, #00879C, #004A60)
• Dusty Turquoise color palette (#FDF0FF, #DFD9E8, #E9B3BE, #39B7DD, #51354E)
• Chalky Moss Bloom color palette (#C4F8EA, #6FBBFF, #FF7899, #7EAE00, #11334F)
• Azure Pier color palette (#D9FFF2, #87CEFF, #FFAB6E, #0096DC, #5B2C00)
• Wandering Lagoon color palette (#D4E0F0, #A8BDFF, #9098FF, #8061DE, #522F6B)

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