Thanks, that's helpful! The color selector on the far right
is mostly there to let you change which color you're editing if you're not interested in the mockup preview on the far left, and to add new colors. You can mostly ignore it if you'd rather select colors by clicking on the mockup.
For what you're supposed to do, you're meant to drag the points or curves in the hue/saturation/lightness columns to customize the colors swatches to create your own custom palette. The mockup will update as you make changes and warn you if there's any accessibility contrast issues. You can click elements on the mockup to select colors to edit and check their color contrast.
Does that help at all? Any more hints on what part wasn't obvious and what would make it more obvious? I could hide the color selector by default maybe? Add better labels or hints?
For what you're supposed to do, you're meant to drag the points or curves in the hue/saturation/lightness columns to customize the colors swatches to create your own custom palette. The mockup will update as you make changes and warn you if there's any accessibility contrast issues. You can click elements on the mockup to select colors to edit and check their color contrast.
Does that help at all? Any more hints on what part wasn't obvious and what would make it more obvious? I could hide the color selector by default maybe? Add better labels or hints?