A Beautiful Way to Display Color Palettes in WordPress

Color palettes are fun way to explore colors for a concept, redesign, decoration ideas or home improvement projects. If you get excited when walking into a paint store, then you understand the small thrill of viewing colors together in coordinated palettes. Many design-oriented sites, such as ColourLovers.com or Design Seeds, are devoted entirely to the concept of creating pleasing color palettes.

Awesome Color Palettes is a new plugin that makes it easy to display color palettes in WordPress content. The plugin allows users to create their own color palettes using a shortcode that passes a list of colors:

[awe_palette colors="434858,5886c5,#f2674a,c6006d"]

The shortcode is not sensitive, so you can include the # or not; it doesn’t affect the output. Multiple shortcodes can be listed on the same post or page and will display as stacked palettes:


Including palettes in your posts lets you easily discuss color trends or ideas for a project in your article with interactive palettes to illustrate. Mouseover any palette to display its hexadecimal color codes:


Check out a live demo of the palette display on the plugin author’s website. You can see how easy it would be to curate your own list of beautiful color combinations.

The plugin’s author includes a template tag if you want to add palettes to your theme. You can also create an awesome-color-palette.php file and add it to your theme folder to create custom palettes for whatever you need.

The palettes can handle up to 10 colors out of the box, but the CSS is very easily to edit, should you wish to include more or desire to change how they are displayed.

Saving your color palettes on a third-party website allows you to share them with other people, but there’s always the chance that you could lose all of your palettes one day if the service goes away. This plugin gives you a way to easily backup all of your palettes to your WordPress site. It also makes color-related discussions on your site more interesting and could easily be used with portfolios. You can download Awesome Color Palettes for free from WordPress.org.

There are 10 comments

Comments are closed.