Hazy Cobalt color palette — #FAEBE2 · #78D2F2 · #3889DB · #006E5B · #282A4B

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

The five colors

• Cream (#FAEBE2): A whisper-light, dusty gold — the color of old brass.
• Sky (#78D2F2): A luminous, balanced blue — the color of deep harbor water.
• Azure (#3889DB): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006E5B): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#282A4B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, 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

• Ancient Periwinkle color palette (#FDF3EB, #A4DDFD, #6C95DD, #007D73, #3A345A)
• Aged Forest Grove color palette (#FCEAE5, #8DD3D2, #0094BA, #14702F, #082E55)
• Azure Thicket color palette (#FEF1F8, #C2EDFF, #4398DD, #006A65, #0D1947)
• Indigo Parlor color palette (#E8DDD2, #77B8ED, #586ACB, #00595A, #271042)
• Petrol Meadow color palette (#DFF3F1, #7EBBD3, #037199, #004E58, #00314D)
• Airy Pine Harbor color palette (#FFF2EE, #83F0EC, #00ACD2, #328639, #15426A)
• Linen Bronze color palette (#C6EBDA, #0093C1, #B26400, #776000, #002331)
• Faded Periwinkle color palette (#CFEBFF, #50B0FF, #007CBB, #004B6E, #00172A)

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