hallowebsite Palette Studio for Kadence

DE | EN

Generates complete 15-colour palettes for Kadence, with each colour created for its role and checked for WCAG contrast, plus a live preview. Save palettes in a categorised library, export and import them, and copy them straight into the Customizer.

Author
hallowebsite

Overview

hallowebsite Palette Studio for Kadence generates complete 15-colour palettes for Kadence's global colour system and stores them in a library you can reuse. Each colour is generated for its role in Kadence (accents, contrast/text, base/backgrounds and notices), with WCAG contrast checks and a live preview. When a palette works, you copy it into the Kadence Customizer as JSON, save it, or show it on the frontend with a shortcode.

Features

  • Role-aware generator: 2 accents, 4 contrasts, 4 bases and 5 semantic notice colours.
  • Harmony modes: Balanced, Analogous, Complementary, Triadic, Vivid and Soft.
  • Perceptual generation inspired by OKLCH. Lock colours and keep regenerating.
  • WCAG contrast checks for text/background and accent combinations.
  • Live preview in three layouts: Landing, Dashboard and Article.
  • Copy as Kadence Customizer JSON or as CSS variables.
  • A palette library with 16 built-in categories, unlimited custom categories, search and filter.
  • Export and import all palettes as JSON, for example to move them to another site.
  • Shortcodes to show one palette or a filtered collection on the frontend.

Getting started

  1. Open Palette Studio in the admin menu.
  2. Press Space (or Generate) until you like the result. Press L to lock the selected colour.
  3. Check the contrast hints and the live preview.
  4. Click Copy Kadence JSON and paste it into the Kadence Customizer under Colors → Global Palette (import).
  5. Click Save Palette, give it a name and choose categories.

Shortcodes

[color_palette id="PALETTE-ID"]
[color_palette name="Forest Green"]
[color_palette id="PALETTE-ID" show_name="no"]
[color_palettes]
[color_palettes category="Dark"]
[color_palettes category="Corporate,Accessibility"]   (must have all categories)
[color_palettes category="Pastel" limit="6" show_name="no"]
AttributeDescription
id / nameThe palette to show (the ID is stable, even if you rename the palette).
categoryOne or more categories, comma-separated (AND).
limitMaximum number of palettes.
show_nameyes / no

Built-in categories

General, Light, Dark, Neutral, Warm, Cool, Pastel, Vibrant, Monochrome, Natural, Corporate, Editorial, E-commerce, Portfolio, Accessibility and Seasonal.

Import / export

  1. In Saved Color Palettes, click Export All. A JSON file is downloaded.
  2. On the other site, click Import and choose the file.
  3. Names, colours and categories are kept. Duplicate IDs get a new UUID instead of overwriting.

Notes

  • Up to 250 palettes are stored in the options table.
  • The frontend shortcodes never change your Kadence global colours.
  • Access requires the edit_theme_options capability.