Timeworn Cobalt color palette — #FFF0FA · #C58574 · #549B71 · #6670B0 · #513A4A

Slate takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Caramel (#C58574): A luminous, balanced orange — the color of toasted spice.
• Fern (#549B71): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#6670B0): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#513A4A): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Worn Garden color palette (#F9F2FF, #B7879F, #8F8E42, #0082A9, #483D52)
• Aged Basin color palette (#E8FBEB, #AF945D, #3899A2, #936197, #364839)
• Hushed Chapel color palette (#FBEDFA, #CB8786, #3C98C5, #3681A7, #312130)
• Hushed Turquoise color palette (#FFF2F0, #E298B1, #29B4E2, #7494C3, #513D3A)
• Dusty Driftwood Station color palette (#EAFAF0, #A0C1B3, #648B74, #48664B, #334E47)
• Airy Boulevard color palette (#FFE2EE, #BD6600, #008572, #7813D9, #4B2500)
• Ancient Driftwood color palette (#FDF1FA, #E6D6D5, #ADDDD6, #AE7477, #624C58)
• Weathered Cocoa color palette (#FFF0F8, #EAB8A7, #B27559, #7A3715, #542918)

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