Welcome to the support center for

Fancy Product Designer & Multistep Product Configurator

Answered

Share your color palette hex codes!

Like most people who use a custom product builder, we'd like to offer a pre-defined set of colors to pick from.


There are hundreds of Pantone color code out there and we'd like to know if some of you guys had already hand-picked a decent color set and if you were willing to share it with the community.


We're currently using an 81-colors palette that seemed to offer a decent selection to choose from for all colors. These are HTML-based color code, so ideally we'd prefer to use a pantone palette.


Until then, feel free to grab these code and use them with your site!

#ffffff, #000000, #333333, #666666, #999999, #cccccc, #cccc99, #9999cc, #666699, #660000, #663300, #996633, #003300, #003333, #003399, #000066, #330066, #660066, #990000, #993300, #cc9900, #006600, #336666, #0033FF, #000099, #660099, #990066, #cc0000, #cc3300, #ffcc00, #009900, #006666, #0066FF, #0000CC, #663399, #CC0099, #FF0000, #ff3300, #FFFF00, #00CC00, #009999, #0099FF, #0000FF, #9900CC, #FF0099, #CC3333, #FF6600, #FFFF33, #00FF00, #00CCCC, #00CCFF, #3366FF, #9933FF, #FF00FF, #FF6666, #FF6633, #FFFF66, #66FF66, #66CCCC, #00FFFF, #3399FF, #9966FF, #FF66FF, #FF9999, #FF9966, #FFFF99, #99FF99, #66FFCC, #99FFFF, #66CCFF, #9999FF, #FF99FF, #FFCCCC, #FFCC99, #FFFFCC, #CCFFCC, #99FFCC, #CCFFFF, #99FFCC, #CCFFFF, #99CCFF, #CCCCFF, #FFCCFF



Source : http://www.vaughns-1-pagers.com/internet/html-color-palette-81.gif

Answer

Small correction, there were two duplicate colors at the end (#CCFFFF, #99FFCC) :

#ffffff, #000000, #333333, #666666, #999999, #cccccc, #cccc99, #9999cc, #666699, #660000, #663300, #996633, #003300, #003333, #003399, #000066, #330066, #660066, #990000, #993300, #cc9900, #006600, #336666, #0033FF, #000099, #660099, #990066, #cc0000, #cc3300, #ffcc00, #009900, #006666, #0066FF, #0000CC, #663399, #CC0099, #FF0000, #ff3300, #FFFF00, #00CC00, #009999, #0099FF, #0000FF, #9900CC, #FF0099, #CC3333, #FF6600, #FFFF33, #00FF00, #00CCCC, #00CCFF, #3366FF, #9933FF, #FF00FF, #FF6666, #FF6633, #FFFF66, #66FF66, #66CCCC, #00FFFF, #3399FF, #9966FF, #FF66FF, #FF9999, #FF9966, #FFFF99, #99FF99, #66FFCC, #99FFFF, #66CCFF, #9999FF, #FF99FF, #FFCCCC, #FFCC99, #FFFFCC, #CCFFCC, #99FFCC, #CCFFFF, #99FFCC, #CCCCFF, #FFCCFF




With a little bit of CSS this is what you get : 




Bastien,


How did you get the CSS for the color palette versus picker?


Thanks,

Hey Saul,


We use this palette for all text elements.


As soon as  you enter a set of HEX codes in the plugin General Settings (Element Properties > Custom Texts) the color palette will start to display instead of the color picker.


You can then adjust the CSS to display as desired.


All best,

B

Bastien,


Thank you for the info.  Worked like a charm.  Do you know if there is a way to insert a color name to pop up when the user hovers over the color with the mouse?


Thanks again.

You're very welcome.


We haven't tried that so far but you may be able to achieve this through the Color menu in the General Settings (Colors > Color Names).


Hope this works!


All best,

B

Bastion,


Double thanks.  WORKED LIKE A CHARM.  Awesome!


Login or Signup to post a comment