Kadence keeps a website’s colours in fifteen slots. Set them here, watch a page wear them as you go, and paste the result back into the theme.
Theme colors
Accent
Text
Background
Notices
Preview
Buttons
Strongest textStrong textMedium textSubtle textText link
Strongest textStrong textMedium textSubtle textText link
Medium textText link
Medium textText link
Strong textText link
Strong textText link
SuccessInfoAlertWarningRating
Import configuration
Paste a Kadence colour export. Keys it does not know and anything that is not a hex colour are skipped, so a whole theme export can go in as it is.
Export configuration
The fifteen keys in the order Kadence writes them, ready to paste back into the theme.
{
"palette1": {
"color": "#3182CE"
},
"palette2": {
"color": "#2B6CB0"
},
"palette3": {
"color": "#1A202C"
},
"palette4": {
"color": "#2D3748"
},
"palette5": {
"color": "#4A5568"
},
"palette6": {
"color": "#718096"
},
"palette7": {
"color": "#EDF2F7"
},
"palette8": {
"color": "#F7FAFC"
},
"palette9": {
"color": "#FFFFFF"
},
"palette10": {
"color": "#CE7D31"
},
"palette11": {
"color": "#13612E"
},
"palette12": {
"color": "#1159AF"
},
"palette13": {
"color": "#B82105"
},
"palette14": {
"color": "#F7630C"
},
"palette15": {
"color": "#F5A524"
}
}Complement is set to the opposite of Primary (#3182CE) when the palette loads and after an import. Pick it yourself and it stays where you put it.
