Hushed Cobalt color palette — #F1F5FF · #7A78BC · #9B5B6B · #645100 · #2C3246

Slate Blue takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Slate Blue (#7A78BC): A luminous, balanced violet — the color of a velvet chair.
• Pewter (#9B5B6B): A full-bodied, balanced red — the color of embers at dusk.
• Coffee (#645100): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#2C3246): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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

• Hushed Terracotta color palette (#F1F5FF, #7775B1, #94363F, #404A00, #182F40)
• Washed Fern color palette (#F0F5FF, #808EBA, #A1734F, #446B3E, #323D51)
• Worn Plum Study color palette (#E6F9FD, #00958C, #A15470, #684F00, #19383E)
• Rust Ridge color palette (#FEEDF3, #9474BF, #B05554, #7B4100, #28121B)
• Dusty Forest Thicket color palette (#E1FCF6, #7499CF, #7F578F, #225C25, #323C57)
• Linen Studio color palette (#F2EBFE, #A24C8B, #765E00, #005047, #2C1F3D)
• Patina Periwinkle Thicket color palette (#F0F6FF, #779BF3, #C1729A, #A05654, #2A3342)
• Cobalt Villa color palette (#F2F5FB, #DDD9E1, #CBBACA, #5F71AB, #424853)

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