Skip to main content
Brett_Taylor1
New Participant
Apr 22, 2026 8:26 PM UTC
Question

More flexibility in variable tokens to apply colors

It would be really great to be able to have more flexible way to manage colors than just hex. for example when i create a hover color in my css i use “color-mix” which takes the base color and applies a white transparency into it.  i figure a way to do that using color styles by applying two layers together the base color and a color transparency on top, but i cannot do that in variables, it just forces me into a single hex/rgb color.

I even tried to point to a color style from within the variables but couldn’t. In this day of css we need more flexibility than just hex and px. If you don’t evolve you’ll go the way of Axure, just saying. 

    2 replies

    Michal_Swiaczkowski
    New Participant
    Nov 10, 2026 2:59 PM UTC

    I agree; I’ve run into this issue as well. We’re using an increasing number of tokens on our platform, and color-mix() feels like a natural addition to variables.

    Damian Łomny
    New Member
    Nov 10, 2026 3:03 PM UTC

    +1. We derive hovers, borders and tints from a couple of base colours. In CSS that’s one color-mix() each; in Figma we have to precompute every hex and keep it in sync with a script. A mix option in variables would cut most of that