: How are color palettes used in Web Design? I am working on theme admin interface and introducing a color palette switcher. For starters admin has 5 colors in the palette. All color pickers

@Lee3735518

I think you should think of a palette in terms of the function each color serves. For example, a palette could be:


Background color
Text color (typically black or dark gray if using a light background)
Main accent color (used for example in links and buttons)
Secondary accent color (maybe used for hover states or titles)


You could use shades of these colors to generate other interface element colors.

A good example you can take a look at is Bootstrap's default color palette, that uses these colors as part of its palette:

$brand-primary:
$brand-success:
$brand-info:
$brand-warning:
$brand-danger:
$brand-inverse:

You can see how each color is defined by the function/meaning it has in the context of the interface.

Vote Up Vote Down

@Ravi4787994

I am by no means an professional when it comes to design but:

In my opinion its great to define one standard theme. If the user wants he can change it,if not, he just uses this one. The colors match and work nice together.

Now to the color pallete:
You could take a look at Material Design by google. Its design basics focuss alot on motion,style and layout and are applied to many android apps but material design is also meant to be universall across multiple platforms and screen sizes. Maybe you can find some inspiration on there and create color schemes which may work great.

Hope i could help a little

Vote Up Vote Down