Exploring a Concept: Updating Jira’s Color Palette to Enrich the User Experience

The challenge was to redesign Jira’s color system to be more engaging, accessible, and intuitive while ensuring it remained professional and aligned with the needs of diverse users.

This project underscores the power of thoughtful design in digital tools. We created an environment that empowers users emotionally and celebrates all by reimagining something as fundamental as a colour system. Small, purposeful changes can create ripples of impact—improving how people feel and perform.

This transformation is not just about aesthetics; it’s a deliberate act of design thinking, putting the user’s emotional and functional needs front and centre.
Let’s dive into the journey that brought this vibrant vision to life.

Picture this: you log into Jira and are greeted by a soothing wave of colours—soft greens, coral pinks, and light blues—so your mood is refreshed and you are bright and focused. The rigid blues of the past are gone, replaced with a calmer, more creative interface that enhances daily workflows.

This project underscores the power of thoughtful design in digital tools. We created an environment that empowers users emotionally and celebrates all by reimagining something as fundamental as a colour system. Small, purposeful changes can create ripples of impact—improving how people feel and perform.

User interviews with co-workers and friends using JIRA unearthed key pain points:

  • visual fatigue
  • lack of clarity
  • and uninspiring aesthetics

Based on gathered data, users craved a less stressful and intuitive workspace.

For years, Jira’s colour system played it safe. The monochromatic blue-heavy palette worked, but only to a point. Users reported feelings of visual fatigue and a lack of inspiration. The system felt dated, overly corporate, and disconnected from the diverse, dynamic teams it was meant to support.

The challenge was clear:

“How can I redesign Jira’s colour system to evoke clarity, inclusivity, and emotional engagement, while maintaining its professional essence?”

I looked beyond screens and into nature to answer this question.  Connecting user pain points, empathy maps, and feedback, I explored colour psychology and accessibility of varous color themes, using Figma and WCAG tools shape the final palette, aiming to enhance agile workflows, reduce cognitive load, and align with Jira’s identity for a clearer, stress-free experience.User interviews with co-workers and friends using JIRA unearthed key pain points:

To create a colour system that enhances focus and productivity, I looked to nature for inspiration. Some of the most productive and adaptive creatures in nature.

Through this exploration, coral reefs emerged as a strong inspiration.

Coral reefs are one of the most productive ecosystems in nature. They support diverse life forms, thrive in harmony, and maintain resilience despite environmental changes. Their color diversity creates balance and distinction, making them the perfect analogy for Jira’s need for clarity, engagement, and focus.

To refine the palette, I analysed multiple coral reef colour compositions to determine the best hues for Jira. This involved:

  • Extracting dominant coral colours (teal, pastel green, soft blues, coral pinks).
  • Testing variations for readability & usability.
  • Ensuring accessibility compliance (WCAG standards).

By leveraging colour psychology, we selected pastel green as the primary color, representing growth, balance, and renewal, while coral pink added vibrancy, and soft blues enhanced clarity.

After extensive iterations and testing, the finalised coral-inspired colour system for Jira included:

Primary colour: Blue Rasberry

Blue Raspberry symbolises creativity, loyalty, and calmness, blending vibrant energy with the serenity of introspection.

Why Blue Raspberry?

  • Calm and Focused: Promotes serenity, reduces stress.
  • Trusted and Stable: Symbolises loyalty and reliability.
  • Creative and Innovative: Vibrant energy inspires teamwork.
  • Wisdom and Depth: Reflects introspection and insight.
  • Unique Identity: Modern, fresh, and professional.

Secondary Colour: Aquamarine

Aquamarine symbolises tranquility, clarity, and renewal, inspired by the calming hues of the sea. Its psychological impact promotes relaxation, focus, and emotional balance, making it an ideal choice for fostering productivity and harmony in design.

Why Aquamarine?

  • Calm and Inviting: Evokes serenity and balance, reducing tension.
  • Clarity and Focus: Enhances mental clarity and decision-making.
  • Renewal and Growth: Reflects rejuvenation and adaptability.
  • Trust and Openness: Encourages collaboration and harmony.
  • Modern Sophistication: Adds a refreshing, contemporary touch.

Tertiary Colour

Electric Flamingo symbolises energy, passion, and creativity, blending boldness with a sense of fun to inspire action and excitement.

Why Electric Flamingo?

  • Bold and Vibrant: Captures attention, energises the interface.
  • Passionate and Motivating: Encourages action and enthusiasm.
  • Creative and Playful: Sparks innovation and teamwork.
  • Modern Edge: Adds a fresh, dynamic contrast.
  • Memorable Identity: Leaves a lasting, unique impression.

This palette is designed for optimal readability and accessibility, offering a balance of contrast and subtlety. Its cool, muted tones ensure clarity for text-heavy interfaces without overwhelming the design, enhancing focus and professionalism.

The neutral light palette provides a foundation of versatile shades, supporting primary and accent colours. These hues create depth, hierarchy, and a cohesive aesthetic, offering flexibility for backgrounds, borders, and non-disruptive UI elements.

The system colour palette is designed to convey clear and intuitive feedback:

Green:
Indicates positive actions, completed tasks, or successful outcomes.

Yellow:
Alerts users to potential issues or cautionary scenarios.

Blue:
Will be used exclusively for links to ensure consistency and clarity.

Red:
Highlights critical errors or actions requiring immediate attention.

Every colour choice passed rigorous contrast tests to ensure clarity for all users.
Accessibility checks ensured compliance with WCAG standards, making the design inclusive for users with visual impairments.


These samples demonstrate the three system colours tested for WCAG accessibility ratings.
The ratings—A, AA, and AAA—ensure sufficient contrast for readability, catering to a wide range of users and accessibility needs.

A visually stunning, functionally superior colour system that redefines the Jira experience:

  • Calm and Focused Workflows: The palette reduces stress and supports long work sessions.
  • Enhanced Readability: Thoughtful contrasts improve clarity and ease of use.
  • Modern and Inclusive Aesthetic: Jira now feels contemporary and welcoming to its global user base

Users praised the new colour system clarity and focus-enhancing qualities, while some requested more customisation options.

User feedbacks include:

  • Improved Clarity & Readability: Users find it easier to distinguish tasks, statuses, and priorities, reducing confusion.
  • Reduced Visual Fatigue: The softer, balanced colours make long work sessions more comfortable and less straining.
  • Better Workflow Efficiency: Agile teams report smoother navigation and faster decision-making due to clearer color differentiation.
  • Desire for Customisation: While the new design is well-received, some users wish for personalisation options to tailor the colour scheme to their preferences.

This is more than a story about colors. It celebrates how design thinking, empathy, and creativity can transform the mundane into something extraordinary. And that’s a journey worth sharing.

The redesigned colour system is just the beginning. It lays a strong foundation for future innovations, ensuring continuous practice and learning in user-centric design.
To reach further enhancement in JIRA’s color system, the next steps are:

  • Expanding Customisation Options
    Introduce theme variations (light, dark, high-contrast) and allow users to adjust UI colours.
  • Enhancing Accessibility Compliance
    Further test contrast levels, ensure colour differentiation for visually impaired users, and refine WCAG compliance.
  • User Feedback & Iteration
    Conduct A/B testing, surveys, and usability tests to fine-tune the color system based on real user needs.

Other Works