Hazy Cobalt color palette — #F4E7ED · #80A6BF · #2876C3 · #005D5C · #04002D

Royal Blue and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F4E7ED): bright and airy, almost weightless.
• Blue Fog (#80A6BF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#2876C3): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005D5C): A full-bodied, dusty teal — the color of glacier melt.
• Ink (#04002D): 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 Hazy 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 Garden color palette (#F3E1E8, #8FB5D3, #3580E9, #006C70, #0F063E)
• Tempered Petrol color palette (#F0E5ED, #77A9B9, #00819D, #006040, #000A15)
• Tempered Study color palette (#E0E2D8, #6A9AB1, #005F8A, #003A45, #000A17)
• Navy Orchard color palette (#EFDED2, #3982A1, #003C6F, #001F1F, #01000C)
• Muted Harbor color palette (#E9DCF4, #C24C8D, #008378, #970064, #000807)
• Tempered Plum color palette (#F1D7DC, #C02A62, #007862, #005A6F, #060001)
• Emerald Archive color palette (#F4ECF1, #AADDEA, #00B8D3, #009756, #003249)
• Periwinkle Garden color palette (#FFF1F5, #BBDEFF, #88A6FF, #0095A8, #361E6F)

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