Hazy Cobalt color palette — #FFF2EA · #7FC2DC · #0072B9 · #005651 · #162777

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sky (#7FC2DC): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#0072B9): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005651): A full-bodied, dusty teal — the color of sea glass.
• Navy (#162777): 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

• Patina Alley color palette (#F5ECE8, #9BBAA4, #007299, #005141, #032E59)
• Tempered Petrol color palette (#E7F5F4, #67C9F0, #007BAB, #00505C, #001C30)
• Patina Cerulean Pier color palette (#FDF3ED, #9DDBDD, #008DAC, #006A47, #00446A)
• Patina Study color palette (#EADCD3, #7FA997, #0057A3, #003E3E, #14144F)
• Sunlit Study color palette (#FFF0F8, #A2E5FF, #52B2FF, #009890, #1F2F61)
• Airy Periwinkle color palette (#D5FFF1, #8BD8E5, #3FA4FF, #336E00, #004646)
• Cerulean Veranda color palette (#F9F4EF, #C0E6DA, #6E89C1, #006F7A, #5C3C4F)
• Muted Lagoon Study color palette (#FBEAE0, #549D9D, #005363, #00321C, #001624)

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