: Color palette for website I am working on I recently was hired to work on a website, however I am having a very hard time trying to come up with a color scheme because of the companys choice

@Shelley591

If their brand color is that orange, that you don't change it. That is the entire point of having a color as part of their brand imagery.

That doesn't mean you need to use that color as part of the UI. Branding is branding, UI is UI. Use the right colors for each.

How to make the branding area of the page fit well with the UI part of the page becomes a visual design task.

Vote Up Vote Down

@Heady304

You can get some idea by trying out monochrome, analogous, triad or tetrad schemes in the color wheel. Here's one suggested by Paletton. You can also check for color blindness.



I also tried your color to find related images and illustration using the MulticolorEngine tool. This can give you a fair idea on what colors can go with it.



You can also try Adobe color.

Vote Up Vote Down

@Mendez620

I use encycolorpedia for this. It recommends:

Inverted: #0c8cde

25% Saturated: #fe7015

Grayscale: #8a8a8a

25% Lighter: #f69c62

25% Darker: #c4530a

chocolate: #d2691e

25% Desaturated: #d8783b

It also supplies closely related colors used by popular sites, which might give you some additional ideas:

Home Depot #ee7125

Etsy #eb6d20

StackOverflow #ef8236

Amazon #e47911

Vote Up Vote Down

@Angie364

I'm just gonna put this in an answer.

Useful links:

Coolors

You just replace one of the HEX colors at the bottom with your orange, lock the color (by hovering) and press the spacebar. You can tap it multiple times to change it and I think it's also dependent on where you drag the color in the palette.
coolors.co/app
Color hex

You get all sorts of useful info about the color:


darker/lighter shades
monochromatic, complementary, analogous, triadic colors
different color models
...

www.color-hex.com/color/f37321

Vote Up Vote Down