I am building a web app whose target audience will be musicians in general but more specifically classical musicians. So in my limited, more accurately nonexistent, knowledge of user experience and use of colors (I am a software developer); to give it an elegant, sort of intellectual look and feel I thought it would be a good idea to go with the “controversial” dark theme.
Now my biggest problem is that I have no idea which colors to use for text, buttons, links and such, that will make sense and work harmoniously together with the dark background.
In a nutshell the application is just a collection of cards that represent the music pieces the user knows and the colors I am using so far are the following:
Body Background: #2E2E2E
Body text: #FFF8DC
Navigation bar background: #343a40
Navigation bar text/links: white with 0.5 opacity
Music piece card background: #1E1E1E
Music piece card text: #FFF8DC
Primary buttons: #5EB4CC
Secondary buttons: #545b62
Links: haven’t been able to make up my mind yet.
Like I said options for the text, buttons and links colors are the main concern, that being said, if there are better options for the whole color palette to give the application that feeling of elegance and intellectual look I definitely appreciate your insight and expertise.