bytegold

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

BaseOutlineSecondary

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.