Faded Cobalt color palette — #BFECD1 · #76B8EB · #557BC4 · #614A8C · #593E5D

A conversation between Azure and Plum, giving this palette its sense of nature and growth.

The five colors

• Mint (#BFECD1): A whisper-light, dusty teal — the color of sea glass.
• Sky (#76B8EB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#557BC4): A full-bodied, balanced violet — the color of a velvet chair.
• Plum (#614A8C): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#593E5D): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Faded 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

• Cobalt Terrace color palette (#B3F3E8, #4DBCCA, #287EB4, #30558C, #43416B)
• Indigo Pier color palette (#BDF4E5, #919CE3, #846AB5, #743F75, #5F384F)
• Timeworn Periwinkle Cabin color palette (#CFF0FF, #96CBFF, #7CA4FF, #8270BE, #484667)
• Softworn Nightshade Canyon color palette (#CFE1F1, #86AFE2, #597ACA, #3C3B95, #322550)
• Weathered Iris Boulevard color palette (#D8FFF4, #ABB9EF, #937BB6, #7C557B, #6F4844)
• Hazy Denim color palette (#FFF0FA, #9099DF, #9F873A, #575DA4, #50410A)
• Hushed Cerulean color palette (#FFF0FD, #E9D6D1, #D9BE9C, #4E8BA5, #5A424E)
• Ancient Cornflower Boulevard color palette (#FFF0FC, #6585D4, #738521, #637030, #443041)

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