Hazy Cobalt color palette — #FFF2EA · #9DD8F4 · #487FCE · #00685C · #3D3475

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Powder Blue (#9DD8F4): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#487FCE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00685C): A full-bodied, balanced teal — the color of sea glass.
• Royal Purple (#3D3475): 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

• Airy Workshop color palette (#FFF2EE, #9BDCDE, #008CB4, #006B31, #1D406C)
• Cobalt Workshop color palette (#E9F6EC, #92DBFD, #0089D5, #006168, #08234D)
• Sapphire Terrace color palette (#FFF3E9, #7BC1EC, #2F5FE4, #005652, #381E6C)
• Azure Pier color palette (#FBF4EA, #ACE4FF, #14A3F9, #00818B, #284065)
• Powdered Loft color palette (#DDF4EE, #00BDBC, #007DA1, #004E8B, #47276B)
• Worn Mallow color palette (#DDFFEB, #D4E2FF, #ED90D3, #008078, #274767)
• Aged Cypress color palette (#F9F4EF, #CEE3E6, #B08CA5, #007E84, #654954)
• Faded Petrol color palette (#EDF7FF, #74B0FA, #0069B0, #003D64, #002B44)

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