Hazy Cobalt color palette — #FFF0FA · #F5D0E4 · #F6A0BF · #0077B8 · #473B65

Cerulean takes the lead with Ballet Pink close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Thistle (#F5D0E4): A whisper-light, dusty pink — the color of a candy shop window.
• Ballet Pink (#F6A0BF): A luminous, balanced rose — the color of a warm blush.
• Cerulean (#0077B8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#473B65): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Balance. Tagged pastel, 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

• Ancient Cobalt color palette (#FFF1F6, #F2C8E9, #E29493, #4963B3, #5D3642)
• Chalky Canyon color palette (#D8FFF3, #E0E7FF, #E895E4, #00828E, #2F416E)
• Softworn Alley color palette (#FFF0F8, #E6D7E3, #ECB7FF, #7184DB, #483E63)
• Mallow Coast color palette (#EEF1FF, #EECEE8, #E396F4, #6971C7, #222540)
• Patina Market color palette (#F0F5FF, #ECD5E4, #F8B9B6, #6CB9E4, #3E3A60)
• Tempered Grape color palette (#FFF1F2, #FFB6B6, #EB8800, #7D43BA, #5D1E34)
• Wandering Nightshade Grove color palette (#FDD3DF, #D0A0BA, #D56E59, #2A3AAA, #3D1136)
• Worn Thicket color palette (#FFF2F0, #E1DACF, #9DBFD0, #A27EA7, #654B43)

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