Timeworn Cobalt color palette — #F0F5FF · #A1B8FF · #5A74BB · #2C4273 · #252F50

Slate takes the lead with Sky close behind in a set that reads as creativity and calm at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sky (#A1B8FF): A luminous, balanced violet — the color of a velvet chair.
• Slate (#5A74BB): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#2C4273): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Navy (#252F50): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Balance. Tagged monochrome, cool.

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

• Quiet Powder Boulevard color palette (#ECF7FF, #6BC8FB, #1679A3, #004D6C, #003249)
• Wandering Iris color palette (#F0F5FF, #B6CDFF, #7A8FD3, #4B5E9B, #1B2C53)
• Feathered Mallow color palette (#F4F4FF, #D3A1ED, #8C5DA0, #563361, #3D2446)
• Shell Basin color palette (#EFF6FF, #E2D6E5, #E8B4CD, #5C7B94, #414B5F)
• Rust Lantern color palette (#F4F4FE, #C29CE1, #AA4F49, #724C8E, #2D1E2B)
• Hushed Lilac color palette (#D9F3E0, #FFAB9D, #ADA3FF, #42394E, #262933)
• Antique Coast color palette (#F3F4FF, #9562D6, #876D27, #25603F, #303143)
• Timeworn Marigold color palette (#F2F4FF, #CEA956, #544976, #282B47, #1E1A22)

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