Timeworn Cobalt color palette — #E0E4EB · #C4BCCD · #B39FB5 · #527DD1 · #17202C

A conversation between Azure and Mauve, giving this palette its sense of sophistication.

The five colors

• Frost (#E0E4EB): bright and airy, almost weightless.
• Stone (#C4BCCD): A luminous, dusty violet — the color of twilight just after sunset.
• Mauve (#B39FB5): A luminous, dusty pink — the color of neon signs at night.
• Azure (#527DD1): A full-bodied, balanced violet — the color of a velvet chair.
• Midnight (#17202C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Indigo Villa color palette (#ECF0F9, #B9ABBD, #A88EA0, #6A5FC9, #0F1321)
• Lilac Loft color palette (#F3F5FE, #E6D4E6, #D4B6C7, #9F85E3, #2E3144)
• Dusty Lilac color palette (#DCEBFC, #A095D6, #AB7995, #3A704A, #003032)
• Aged Navy Canyon color palette (#E5DCE4, #BEAEB6, #AC7F8A, #1D4080, #100710)
• Soft Emerald Bloom color palette (#CEE5D4, #A0B067, #4C914F, #665993, #181E00)
• Pale Ridge color palette (#D6E0FE, #7BCFFF, #9EA2FF, #F14BA8, #21093C)
• Feathered Garden color palette (#D4E6F8, #1195EF, #CA2A48, #00631D, #001610)
• Periwinkle Villa color palette (#D6E6C9, #4798FF, #9853B8, #3C6200, #100D3A)

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