Hushed Cobalt color palette — #F3F7ED · #9FCAF3 · #4F7AB2 · #005A7E · #4A3047

Slate takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F3F7ED): bright and airy, almost weightless.
• Sky (#9FCAF3): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#4F7AB2): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005A7E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#4A3047): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Cerulean Terrace color palette (#F4F7E9, #98CFE0, #2183A6, #005E67, #1B4336)
• Lilac Thicket color palette (#FFF0FC, #CBD4FF, #B3A5E6, #47709B, #503A4C)
• Softworn Cobalt color palette (#F7F1E8, #A0D4C6, #607CAF, #00586E, #191B42)
• Muted Azure color palette (#D8F3FF, #01ABEF, #006EA6, #004C82, #353158)
• Timeworn Cerulean color palette (#FAF4EE, #C8E8E0, #A3ACEE, #009FA7, #433254)
• Antique Sapphire Pier color palette (#F6DAF4, #3171EC, #934F92, #006869, #392238)
• Weathered Cypress Pier color palette (#F4F6EE, #C2E9EE, #AA8EAD, #4D7966, #5E4C5D)
• Worn Periwinkle color palette (#EFF4FF, #749BF7, #3A60B2, #193470, #0D204A)

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