Timeworn Coast color palette — #ECF9F0 · #A5F0EF · #9DD2FF · #A6ABE6 · #324B40

Mauve and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Sea Foam (#A5F0EF): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#9DD2FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Mauve (#A6ABE6): A luminous, balanced violet — the color of wild irises.
• Charcoal (#324B40): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Creativity, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

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

• Mallow Cabin color palette (#E9F8FF, #B6DFEC, #D2BEEE, #B3AEC6, #1E4051)
• Washed Powder Coast color palette (#F9F4EF, #C6DEEF, #A1AEE5, #4E9396, #614C54)
• Glacier Orchard color palette (#E8F8FF, #B0FFE7, #67DCED, #7A9DC7, #38505E)
• Dusty Blush color palette (#FFF0FA, #92F9FF, #B1C8FF, #D67FA8, #4F303D)
• Chalky Seafoam color palette (#F3F8E8, #F9F2A8, #7AEEAC, #84B9E4, #45523E)
• Patina Apricot Market color palette (#FFF0FA, #B8C0F3, #EE9877, #7E86C6, #534B47)
• Washed Azure color palette (#E4FDE6, #7FD7EB, #48A6E0, #6978AD, #644552)
• Timeworn Bronze color palette (#F2F9E3, #B8D8C1, #B59FB0, #A57D3E, #714C00)

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