(Although 'opinion' certainly may be in play here, there seem to be some consistent best practices about color usage on the web, and this question is about how to handle the scenario where violations of those best practices are inescapable).
The web app im building has to use a corporate color scheme. As for corporate brand guidelines - they are entirely targeted at looking good in powerpoint ie. large text on blocks of color - not a web app. The current scheme seems to put me in a tough spot in terms of best web practices (avoiding neons, reds, having complimentary contrast colors, etc).
The two primary colors expected to be used are:
All other colors are simply variations of those two hues. Two being slightly less saturated and two being slightly lighter. There are no complementary colors. Obviously white is considered valid, and there is a light gray as well.
The application is pretty broad UI-wise, involving headers, breadcrumbs, main menu, a "quick" menu, tables, large forms. So it's not as simple as a page with a couple buttons. When I apply those two colors to the app it's just extremely hard on the eyes. The pink is useless for text, and is painful to look at in large blocks, so buttons are pretty much out. The dark purple is fine for a header, but it's a little too dark to use for large blocks of the screen. Pink on purple doesn't look too bad, but using it for anything functional in the UI collides seriously with error/warning indicators e.g. Red-on-Purple next to Pink-on-Purple are confusing to see together. I could abandon the pink altogether and use Gray/White/Purple, but lacking a contrasting/complimentary color just looks so bleh.
Are there any examples out there of a theme that uses two primary colors so close in hue? I need some inspiration as to how to make this work. I've actually already implemented the change within the app, and it's useable, but I'm not satisfied with the result.