Palette

A simple and beautiful color palette generator

Make a Color Palette

Why Use Palette?

Easy to Use

You can quickly generate a color palette using the form above or even create your own link using the formula detailed below.

Responsive Layouts

The color palette and generator are both designed with any screen size in mind, including mobile.

Simple

The simplicity of the palette makes it fast to generate and render, letting the colors speak for themselves.

All color palettes have their own unique URL that will always be around. Sharing is as easy as a and to a friend.

Creating Your Own Palette URL

You can create your own palette generation system that links to the palette creator, or quickly make your own links on-the-fly without even using a palette generator. Creation of a url is as simple as plugging in the color hexadecimal values as needed shown in the formula below.

http://alanwright.github.io/Palette/palette.html?c1=XXXXXX&c2=XXXXXX&c3=XXXXXX>&c4=XXXXXX&c5=XXXXXX&

'c1' stands for color 1, c2 for color 2 and so on. Not all colors must be provided (they will default to another value). If you do not want a color I recommend specifying 'fff' for white. Hexadecimal color codes should be 3 or 6 characters. Below are some examples of palettes.

Examples

Flat-UI

http://alanwright.github.io/Palette/palette.html?c1=2C3E50&c2=E74C3C&c3=ECF0F1&c4=3498DB&c5=2980B9&

Clean Modern

http://alanwright.github.io/Palette/palette.html?c1=272F32&c2=9DBDC6&c3=FFFFFF&c4=FF3D2E&c5=DAEAEF&

Elemental

http://alanwright.github.io/Palette/palette.html?c1=E64661&c2=FFA644&c3=998A2F&c4=2C594F&c5=002D40&