<?xml version="1.0" encoding="utf-8"?>
Open full project

Calendly Color System Redesign

Welcome to my presentation on the redesigned color system for Calendly. This project reimagines Calendly’s color palette with a focus on accessibility, visual appeal, and a brand identity that resonates with users. Each color has been selected to convey reliability, calm, and subtle energy, essential for a digital work management tool. The colors are optimized for clarity and readability, ensuring they meet WCAG accessibility standards for a seamless user experience.

Key Features of the Redesigned Color System:

  • Primary and Secondary Colors: These form the foundation of Calendly’s visual language, providing a consistent look and feel that supports brand recognition.
  • Tertiary Colors: Adding vibrancy and visual hierarchy, these colors draw user attention to interactive elements and promote ease of navigation.
  • Accessibility Compliance: All colors are tested to meet WCAG contrast ratios, ensuring inclusivity for all users.
  • Through this redesigned color system, Calendly gains a fresh, engaging appearance that is both functional and inviting, helping users feel more connected and confident in their scheduling tasks.

Impact of the New Color System

This refined color palette not only strengthens Calendly's brand identity but also ensures a user-centered, accessible, and visually engaging experience. It balances aesthetic appeal with functional clarity, aligning with Calendly’s mission to be a trusted and user-friendly scheduling platform.

Tools used

Figma

From brief

Topics

Share

Share your insights — leave a project review and help others grow their skills

Reviews

2 reviews


Maybe because I am familiar with calendly, this doesn't fit in my mind. Objectively I think it's Great, but I don't feel it. In the end making a decent color system is common, making one that's insane is rare, I myself struggle with this.

Thank you for the feedback 👍🏻

This is a nicely presented project.


9 Claps
Average 4.5 by 2 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>