Sort your palette by hue, brightness, or luminance

Sorting your colors in KColor helps you define visual hierarchy and improve color flow in your palette. Whether you’re building gradients, UI schemes, or brand systems, rearranging colors can drastically affect clarity and harmony.

How to sort your palette

Each color swatch in your palette includes a Sort colors in your current color palette drag handle. Click and drag this handle to move a color left or right, changing its position in the palette. The interface updates in real-time, giving you immediate visual feedback.

Why sorting matters

Proper color order is essential for creating balanced visual transitions—especially when working with gradients, tints, or thematic UI states. Manual sorting gives you complete control over the palette’s rhythm and readability.

Use cases

Designers often reorder colors to group them by temperature, brightness, saturation, or use-case (e.g., primary, secondary, accent). You can also sort for accessibility, making sure high-contrast colors are adjacent where needed.

Next steps

Fine-tune your palette by dragging colors into the ideal sequence. Pair this feature with locking and interpolation to build polished, professional color systems quickly in KColor.