Weathered Cobalt color palette — #ECF2FF · #CED5F5 · #C6A4E0 · #5271B0 · #1F2542

Built around Slate, softened by Mauve — the whole palette hums with creativity and calm.

The five colors

• Ivory (#ECF2FF): a clean, paper-quiet neutral.
• Lilac Frost (#CED5F5): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#C6A4E0): A luminous, balanced violet — the color of wild irises.
• Slate (#5271B0): A full-bodied, balanced violet — the color of a velvet chair.
• Midnight (#1F2542): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Calm, Sophistication. Tagged pastel, light, muted, cool.

Use it as a design system

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

• Softworn Cobalt color palette (#EFF1FF, #DCD3DF, #EBB7E3, #7772B5, #312F49)
• Powder Villa color palette (#E5F4FF, #BDDEFC, #8BB1EB, #00758D, #08263A)
• Blush Courtyard color palette (#FFF0FC, #DAD1FF, #E189B5, #1D799C, #513546)
• Timeworn Azure color palette (#F0F5FF, #E4D9E2, #B3B3A8, #479DCA, #2D3555)
• Tempered Nightshade Delta color palette (#E9EDFE, #BDA9DF, #AF67BF, #383BB1, #11022B)
• Aged Grape color palette (#FDEBFF, #F4BFE5, #F66EAE, #8338AC, #360030)
• Cobalt Cabin color palette (#DAEBFD, #1779C2, #467300, #00513B, #001123)
• Aubergine Market color palette (#E8E8FF, #BD86BE, #A7558B, #49078D, #120017)

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