Timeworn Cobalt color palette — #F7EFF3 · #ADCCE3 · #5D7BB6 · #005C56 · #21193D

Built around Slate, softened by Peacock — the whole palette hums with calm and sophistication.

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Lilac Frost (#ADCCE3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#5D7BB6): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005C56): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#21193D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Wandering Cobalt color palette (#F1F7F2, #A5CAE6, #377CBD, #005E6A, #2B3A5A)
• Ancient Forest color palette (#F5EFF6, #A2D0DC, #0089A8, #135F1D, #00213F)
• Softworn Cobalt Boulevard color palette (#FFEBF8, #73C9E3, #0075C2, #005341, #120056)
• Patina Periwinkle color palette (#F9F4EE, #C1E3F5, #6EABE8, #007D8C, #1C2C53)
• Dusty Denim color palette (#E8DBE6, #5396A0, #004F73, #002D1C, #00001E)
• Patina Quarry color palette (#EBDCE2, #527E9D, #213180, #001F1F, #020008)
• Cobalt Loft color palette (#F4E0E7, #AD6A1B, #0072BE, #005E9E, #210F00)
• Cobalt Pier color palette (#F8E2EB, #C37F46, #0084C0, #7F4400, #001F31)

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