Studio Tools
Use the UI scale workflow when building product palettes, semantic ramps, and flexible token sets for web interfaces.
Live palette
Keep the blended result, scale, contrast, and saved mixes visible while you tune controls.
Result
#2899CF
CopiedReady-to-copy formats
Weighted blend
#6E8683
WCAG contrast
Against white text
Against black text
Mixer controls
Blend two to five colors, inspect accessibility, and export a usable scale.
Color stops
Color 1
Color 2
Color 3
Mixing engine