Collection of free jQuery color palette code examples from Codepen and GitHub.

Related Articles

  1. CSS Color Palettes

Author

  • Zed Dash

Made with

  • HTML / CSS (SCSS) / JS

About a code

Simple Flat Colour Selector

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, biginteger.js, clipboard.js

Author

  • Screeny

Made with

  • HTML / CSS (SCSS) / JS (Babel)

About a code

Color Palettes

Click on the button to view a random color palette.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: clipboard.js

Author

  • Vineeth.TR

Made with

  • HTML / CSS (SCSS) / JS

About a code

Material Color Palette

Responsive Material color palette with copy option.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • Anders Grimsrud

Made with

  • HTML / CSS / JS

About a code

Color Palette

The main idea behind this specific palette is to have all colors fetched in one array.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • mixinmax

Made with

  • HTML / CSS / JS

About a code

jquery.swatches

A jQuery plugin that turns a one-line div into a sweet color swatch.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.swatches.js

Demo image: Chameleon.js

Author

  • Vadim Fedorov

Made with

  • HTML / CSS / JS

About a code

Chameleon.js

A jQuery plugin for automatic content colorization.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.chameleon.js

Author

  • Lokesh Dhakar

Made with

  • HTML / CSS / JS

About a code

Color Thief

Grab the color palette from an image using just JavaScript.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.color-thief.js