You have built your palette, validated accessibility, assigned roles, and previewed in context. Now it is time to ship. PaletteRx supports 9 export formats, each tailored to a specific platform.
CSS Variables (Universal)
Works everywhere. Generates a :root block with named custom properties. Paste into any builder's Custom CSS field, a global stylesheet, or a style tag. This is your safest choice if you are unsure which format to use.
Bricks Builder 2.2
Generates a JSON file matching Bricks' Color Manager import format. Download the file and import through Bricks Settings. Colors appear immediately in every color picker.
Automatic.css
Two-part export: hex values for the ACSS dashboard plus a full CSS variable block with HSL decomposition. Your Primary colors map to primary/secondary/tertiary, Supporting to accent, Dark Base to base, Light Base to neutral.
Advanced Themer
CSS variable block formatted for AT's "Import CSS Variables" feature. Copy and paste into the AT import textarea.
WordPress theme.json
Complete v3 schema file for block themes. Download and place in your theme root. Colors appear in the block editor's color picker.
Gutenberg PHP
The add_theme_support('editor-color-palette') snippet for classic themes. Paste into your theme's functions.php.
Elementor
JSON reference for Elementor's Global Colors. Enter values through Site Settings.
Tailwind CSS
A colors configuration object. Paste into theme.extend.colors in your Tailwind config.
Generic JSON
Complete palette data with hex, HSL, RGB, role assignments, and metadata. Download as paletterx-palette.json.