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

Develop your skills in creating a color system that resonates with your audience and effectively communicates the product's message.

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

Reviews

2 reviews


The palette nicely captures the soft, inclusive character of the brand. The pastel pinks and purples create a warm, accepting atmosphere, which fits the "Free to love, Free to live" message well. It's good that you have defined color groups (brown, pink, purple, neutrals).

I'd flag a few things though:

1️⃣ First, there's no clear hierarchy - it's unclear which color is primary, which is secondary, and which serves as an accent. This is crucial for making the system practical to use.

2️⃣ Second, #FBB7D0 appears twice in the Pink group - that looks like a copy-paste mistake.

3️⃣ Third, the red (#FD494A) and green (#3EBB33) at the bottom feel disconnected from the rest of the palette. If those are meant for success/error states, it's worth labeling them as such. The font section is also quite minimal. Two subtitle styles isn't enough, you'd want headings and body text defined as well.

The color direction is on point and shows a clear understanding of the brand's mood. Tighten up the hierarchy and document the use cases. That's what turns a nice-looking palette into a real, functional system. Solid foundation to build on! 🫡👍


The colors look awesome! They are very compatible with the brand’s mission of freedom and celebration. The soft pastels create a safe, approachable environment for users, which aligns with your "Mood - Tone" goals. I would really like to see these colors in a UI interface.

What can be improved:

  • I noticed a typo in the first brown hex code (#AC6D7), it only has 5 characters. Make sure all codes are 6 characters so developers can implement them correctly.
  • Regarding accessibility, many of the light pastels, like the Light Pink (#FEE5EB) and Light Purple (#EADEF2), will likely fail WCAG contrast requirements if used for text or small UI elements on a white background. I’d like to see your strategy for ensuring readability for users with low vision.
  • The red (#FD494A) and green (#3EBB33) are much more saturated than the rest of the palette. Be careful when placing these next to the soft purples, as it can cause "color vibration" and strain the user's eyes.

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