PlayYourCourt - Color System

Nat, this color system is a masterclass in intentional design! Every hue feels purposeful—from the grounded Deep Green (evoking that fresh-court energy) to the alert-ready Slate Blue. You’ve nailed the psychology behind each choice, ensuring the palette doesn’t just look good but feels right for athletes: trustworthy, energetic, and inclusive.

The WCAG contrast ratios prove you’ve baked accessibility into the core (no small feat!), and I love how the tertiary Warm Sand adds subtle balance without stealing focus. This isn’t just a palette—it’s a toolkit for empowering players, and the tennis-court nods are a chef’s kiss.

If I had to nitpick, I’d love to see how these colors scale across actual UI components (buttons, cards, etc.), but this foundation is rock-solid. Seriously, this is how color systems should be presented—research-driven, emotionally resonant, and execution-ready. Can’t wait to see it applied!

Hi Nat 😊

I really like the palette you’ve put together; it feels perfectly on-brand for PlayYourCourt, and your presentation is clear and well structured. 👏🏼 👏🏼 👏🏼

Below are a few thoughts, especially around your WCAG contrast findings:

What’s Working Well:

• Your rationale for each primary, secondary, tertiary, and system colour is spot on, every hue ties back to brand values and emotional goals.
• The deep green (#1F492B) and slate blue (#2A405D) over the soft cream (#F9F7EB) hit excellent contrast ratios (9.54:1 and 9.81:1), exceeding AAA for both large and normal text.

Contrast Caveats:

• Cream text (#F9F7EB) on Sport Blue (#5B7EB9) – 3.81:1 – Meets AA for large/display text but fails for normal-weight body copy (example: smaller text in the RAISING THE BAR FOR TENNIS INSTRUCTORS section).
• Cream text on Success Green (#028A61) – 4.06:1 – Meets AA for large text but just under AAA for normal text; fine for headers but risky for smaller labels (example: "Confirm Match" green button).
• Cream text on Alert Red (#D14D4D) – 3.12:1 – Meets AA only for large text; too low for body copy or small UI labels (example: "Match Cancelled" red button)

Recommendations:

• Reserve Sport Blue, Success Green, and Alert Red backgrounds for large headings, graphic elements, or bold UI patterns (e.g., badges, large buttons).
• For smaller text on these backgrounds, switch to white (#FFFFFF) or slightly darken the background by ~10% to reach at least 4.5:1.

Your system is thoughtfully designed, and the core palette works beautifully. By applying the contrast tweaks above, especially for smaller text, you’ll ensure both visual harmony and full accessibility compliance.

Great work, and excited to see these colours in action! 🎾 🥰

Love itttttttt! Your choice of color theme is amazing! Great job!