I am trying to make an error message that is visible and matches the styling of a blue form, image attached. I am having difficulty since the red doesn't stand out against the blue background. Any suggestions?

enter image description here

enter image description here

1 Answer 1


I know tons of examples where in-line validation errors have their own design treatment and background. That's probably your easiest solution here. I've attached an example below. Some other options would be:

  • Use a red error icon and a more visible text colour
  • Outline the text field in red and use a more visible text colour

enter image description here

  • 1
    Good suggestions thanks a lot!
    – Laura
    Commented Apr 2 at 21:14

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.