Timeworn Cobalt color palette — #FFF3E7 · #C59364 · #3BA57F · #6664AD · #37322C

A conversation between Slate and Jade, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Camel (#C59364): A luminous, balanced gold — the color of afternoon light on wheat.
• Jade (#3BA57F): A luminous, balanced teal — the color of sea glass.
• Slate (#6664AD): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#37322C): a grounded near-black with real depth.

Feels like: Optimism, 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

• Hazy Cobalt Coast color palette (#FFF2EE, #D78389, #6C9F5F, #3270B5, #482A21)
• Hushed Pewter Hollow color palette (#FFF2E9, #DCA37F, #729348, #705297, #413C36)
• Emerald Field color palette (#FBF4EA, #B68A37, #3D9250, #67509D, #342307)
• Violet Workshop color palette (#F6F7E6, #80AD6D, #31A29D, #8458A7, #33332D)
• Wandering Quarry color palette (#FBF4EB, #C4A672, #5DA9B6, #8D6AA1, #533700)
• Wandering Ultramarine Station color palette (#F9F5E7, #AAA968, #86843E, #3C54B0, #493400)
• Pale Cobalt color palette (#EFF0DC, #709F54, #2E85CB, #993A5B, #192D0C)
• Worn Apricot Harbor color palette (#FFF0F8, #FF9250, #5DA8CE, #347B9D, #321D28)

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