Hushed Cobalt color palette — #FBF2FA · #9BAFDC · #A39B54 · #4D6EC1 · #504D46
Built around Sapphire, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF2FA): bright and airy, almost weightless.
- Mauve (#9BAFDC): A luminous, dusty violet — the color of wild irises.
- Moss (#A39B54): A luminous, balanced green — the color of new leaves after rain.
- Sapphire (#4D6EC1): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal Brown (#504D46): quiet, heavy and certain.
Feels like: Nature, Growth, 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
- Wandering Corridor color palette (#ECF9F3, #86B7D7, #B99065, #107BAE, #654623)
- Washed Studio color palette (#ECF2FE, #A4B0E2, #B6984A, #5F6CAD, #1C3825)
- Mustard Workshop color palette (#FDF1F9, #B2C0FF, #CAAF61, #7A88C7, #504D46)
- Antique Violet Thicket color palette (#FFF1F4, #C4A2CE, #73A877, #9354A6, #365639)
- Antique Olive Terrace color palette (#FFF1F7, #9C8FC0, #A2854A, #70772A, #533A45)
- Wandering Cerulean color palette (#FEF1FA, #E6D8D5, #D9C1A6, #5E94AD, #5C4650)
- Hushed Pewter Chapel color palette (#FBF2F6, #BCC5A4, #64557D, #4F2C3B, #302221)
- Tempered Lantern color palette (#FFF1F5, #A97AD9, #8A8200, #7F00C5, #403C00)
Browse the whole catalog at Explore, or see today's palette.