Hushed Cobalt color palette — #EFF6FF · #A1BCF7 · #4773CD · #24417F · #1C2A4E

Sapphire and Navy set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#A1BCF7): A luminous, balanced violet — the color of a velvet chair.
• Sapphire (#4773CD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#24417F): A deep, shadowed, balanced violet — the color of a velvet chair.
• Midnight (#1C2A4E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Calm, Balance. Tagged monochrome, cool.

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

• Periwinkle Station color palette (#F0F6FF, #C4DBFF, #88ADF1, #617DBC, #1F2F59)
• Violet Boulevard color palette (#F2F4FF, #C1ACF0, #7F5DBE, #4F3776, #35274F)
• Periwinkle Garden color palette (#F0F5FF, #ABC6FF, #7296DB, #4E5D91, #1F3051)
• Timeworn Petrol color palette (#EAF8FF, #64C5DF, #00839B, #004D5E, #00333D)
• Cellar Terrace color palette (#DDE1F4, #6166DB, #2E00A1, #09003D, #010010)
• Aged Lagoon color palette (#F3F4FF, #E29890, #5D427F, #2A2A48, #1F1923)
• Ancient Lilac color palette (#D6F2FF, #FFA0DB, #B5A0FF, #3E314B, #23252D)
• Plum Lantern color palette (#F5F4FB, #C89CD4, #AF4073, #813F92, #29202E)

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