Kentico - New Color System

Eliska, it's great that you've taken a bold step to brighten the website's ambiance with vivid colors. However, I'd suggest starting with one brand color instead of jumping into four right away. The presentation link needs fixing—it currently takes viewers to the 4th or 5th page automatically.

When it comes to your color system, the differentiation between primary and secondary colors seems to rely primarily on saturation changes. While this approach can work, it doesn't fully utilize the potential of secondary colors, which should complement and balance the primary palette rather than simply being desaturated versions. Secondary colors should add something new to the palette, not just mimic the primary ones.

The chosen colors, particularly the bright and highly saturated ones, raise concerns about WCAG compliance. High saturation and brightness might reduce readability, especially in text-heavy areas, which is critical for accessibility. I see that you've run a WCAG evaluation, but it would be helpful to specify what exactly you checked—large text, small text, buttons, etc. The Stark plugin in Figma could assist you in making these checks more comprehensive.

Moreover, the consistency in how these colors interact with the primary and secondary colors isn't entirely clear. It feels like you may have selected the system colors after defining your brand colors, which could explain why the danger color is slightly off from the system's accepted range. Additionally, for individuals with color blindness, differentiating between warning and success might be problematic, so this area needs attention as well.

Bright colors can indeed be engaging and cheerful, but they need to be balanced carefully with usability and accessibility to serve the design's true purpose. Regarding your example, while it represents just a part of the landing page, the banner contrast already feels off. Additionally, please ensure that the letter sizing for your navigation buttons is appropriate, as they currently appear too close together.