A pleasing palette is not enough if small labels or controls are hard to read. Test the actual foreground and background pair with a contrast checker, including transparency, hover states, focus indicators, and dark mode.
Inspect the design at phone size and normal brightness. Use text, shape, or icons alongside color for errors and status so meaning survives limited color perception. If a brand color fails as body text, keep it for accents and choose a more readable text color.
The computed colors in the page matter more than swatches viewed alone.