Timeworn Cocoa Coast color palette — #E6FCEA · #709BCD · #6C5E9C · #724000 · #2E3D57

Bronze takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E6FCEA): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#709BCD): A luminous, balanced blue — the color of open sky before noon.
• Slate (#6C5E9C): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#724000): A full-bodied, balanced gold — the color of old brass.
• Navy (#2E3D57): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged retro, muted.

Use it as a design system

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

• Washed Chestnut Station color palette (#EBFAEE, #A4A2CD, #8D698D, #665921, #44465A)
• Tempered Garnet color palette (#EAFAED, #4AA7B1, #2C6FA2, #832A38, #204252)
• Worn Indigo color palette (#E4F7EE, #41ABC7, #705CA6, #494A00, #112436)
• Washed Mulberry color palette (#EFF6FF, #6A89BC, #8F476E, #614100, #00432E)
• Iris Veranda color palette (#FBF5E0, #4EC2E2, #8C77C3, #666724, #23443D)
• Wandering Cerulean color palette (#F1F7F2, #C9DFF4, #698BC2, #006D85, #394766)
• Timeworn Pewter Veranda color palette (#F0F8F1, #91BAA7, #697B4E, #326074, #2B4A3C)
• Washed Mulberry Harbor color palette (#E1FEE6, #A76DD5, #9F2871, #414B00, #47274B)

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