Hazy Cobalt color palette — #DBF6F4 · #5DBBED · #008AD2 · #006981 · #00142B

Cerulean and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DBF6F4): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#5DBBED): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#008AD2): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006981): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#00142B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Cerulean Harbor color palette (#CFE8E3, #5EC1CD, #0093AA, #006D6B, #00171F)
• Tempered Lilac color palette (#D9E6F6, #9CB7FF, #9F9BFF, #2C83B8, #061536)
• Pale Peony color palette (#D2E7F7, #0097DA, #C640AA, #00699A, #21001B)
• Antique Bloom color palette (#F7EDDC, #86BFE0, #006AB4, #003D44, #000114)
• Worn Cobalt color palette (#C0E7F3, #5086CA, #0078A3, #004F73, #001526)
• Sky Courtyard color palette (#DEF4F2, #99DEFF, #42AFED, #158DA4, #0F304B)
• Hazy Ultramarine color palette (#F2DBE5, #3DAEE2, #0064C1, #004A4B, #0C0A3A)
• Feathered Sapphire color palette (#E1ECFA, #49A2FF, #0074DE, #004488, #00030B)

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