Hushed Cobalt color palette — #F7EFF3 · #A9CCE7 · #3E7CCD · #005B5D · #141F3B

Built around Azure, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Sky (#A9CCE7): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#3E7CCD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005B5D): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#141F3B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Soft Cobalt Loft color palette (#FAEEF5, #50CDEE, #0079B4, #00524A, #021544)
• Forest Bloom color palette (#FBEDF6, #9EDDDA, #0093A9, #00663A, #00293C)
• Hushed Periwinkle color palette (#FCF3ED, #A7DDFB, #6798D6, #057B7E, #32375C)
• Dusty Ridge color palette (#F3E6F0, #4C97A1, #00516B, #002D21, #00040E)
• Muted Navy color palette (#EDE2E5, #4F7E9F, #002F91, #001F22, #01000A)
• Linen Raspberry Terrace color palette (#EFDAF8, #C04E79, #008169, #00686D, #1C0D21)
• Soft Ultramarine color palette (#EEE0E4, #75A1C7, #2342CE, #003840, #0C0129)
• Hushed Marigold Summit color palette (#F9ECFF, #FFD4CC, #E5AA4D, #8A608D, #2E1E2D)

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