Hushed Cobalt color palette — #F0F3ED · #96D2BB · #6A7CCC · #318268 · #1B1319

Periwinkle and Teal set the tone — five colors that lean into creativity and calm.

The five colors

• Cream (#F0F3ED): a clean, paper-quiet neutral.
• Pistachio (#96D2BB): A luminous, dusty teal — the color of sea glass.
• Periwinkle (#6A7CCC): A luminous, balanced violet — the color of a velvet chair.
• Teal (#318268): A full-bodied, balanced teal — the color of sea glass.
• Ink (#1B1319): quiet, heavy and certain.

Feels like: Creativity, Calm, Sophistication. Tagged duotone, muted, 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

• Cerulean Bloom color palette (#F3F2EA, #BDCA9E, #3A8DB1, #697A36, #0A1A13)
• Tempered Driftwood Balcony color palette (#EDF4EF, #93CEDE, #A46AA8, #007F96, #1F1114)
• Hushed Seafoam color palette (#EBF8F9, #85E7CA, #809AD9, #4F9D87, #292E37)
• Teal Alley color palette (#FDEFE2, #64BCBD, #557BAA, #70481E, #1D3126)
• Frosted Cerulean Boulevard color palette (#E3FAD8, #8DCED3, #338EB5, #2D5387, #2F2353)
• Softworn Byzantium color palette (#ECF5EB, #00C0BC, #8536D5, #006967, #15030A)
• Pewter Lantern color palette (#EEF4ED, #36A399, #845098, #693A0E, #141C10)
• Worn Driftwood Boulevard color palette (#EEF3EE, #CFD9D9, #BDAEA2, #6F8B72, #333833)

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