Hushed Cobalt color palette — #F8ECE2 · #99CCEC · #5486D2 · #006B70 · #272854

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

The five colors

• Cream (#F8ECE2): bright and airy, almost weightless.
• Sky (#99CCEC): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#5486D2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#006B70): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#272854): A deep, shadowed, dusty 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 Hushed 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 Bloom color palette (#FBF4EC, #B3D9FD, #7C92D3, #0A7989, #3B3459)
• Aged Azure Bloom color palette (#EFF8F1, #D6DDFB, #5F95D4, #006878, #0D1946)
• Washed Cerulean Thicket color palette (#F7ECE7, #88D4D3, #0096B1, #1B6E48, #00324B)
• Dusty Sapphire color palette (#F7ECE3, #8BB8D4, #4064B4, #00504B, #30254F)
• Azure Bloom color palette (#FFF2EC, #8AEDF9, #00ABDB, #008667, #11426C)
• Misty Field color palette (#FBE6DA, #54AFCC, #006CA7, #004B44, #030E3A)
• Aged Meadow color palette (#FCF3EF, #C8F0D4, #72ADCD, #418A77, #543F55)
• Misty Balcony color palette (#F5DADE, #F2106D, #008E7E, #136E89, #380E1A)

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