Skip to main content

Divi 5 Color Palettes Question

😘Hello,
I typically don't use many color shades, also not the given color harmonies.
How can I create color variatins in Divi 5 are outside the given color palettes?
Also, how do I sort them? The sequence in the left Variables panel does not match the one in the right, which seems alphabetical.

Thanks

Divi 5 Color Palettes Question Divi 5 Color Palettes Question

Mathias G

If you don't want to use the color scale that comes with KrafterPRO, you can easily create your own.

One option is UI Colors: https://uicolors.app/create

Just enter your base color and it will generate lighter and darker shades for you. You can then pick only the ones you actually need and add them as Color Variables in Divi 5.

You can also drag and drop the variables in the Variables Manager to arrange them in the order you want.

Max

Thanks for posting.
Just making sure that I am not missing anything...
So outside Analogous, Complementary etc shades and tints are manual.
Regarding sorting, in none of my installations the sequence of the color palettes in the editor follow the one in the Variables (pure D5, I am not in KrafterPro yet, guess that would be a feature request...)

Thanks!

Max

Feature requested...

Max

Just as a follow-up: I actually overlooked the Color Scales in Divi 5. There it is easy to create the shades and tints etc and add then with one click to the variables. Just have to do primary and secondary color separately.

Carolyn Byrd

This is a related question for Mak. You used to have a style guide template for Divi4 and I thought you made one for Divi 5 somewhere. It included the color &color ramp swatches, Font Pairing and weights, buttons, etc. Do you still have a json file template like that? I’d like to present a style guide with header and style guide collateral for approval for a client through usepastel.com. I thought it would be nice to give them a live brand style guide for comment, to look like an OG, but also get helpful feedback. Am I on to something?