Colors

Color Variables Picker

Easily apply your color variables to any builder control with the new Color Variable Picker. This tool showcases all your palettes in an organized layout, complete with each color's corresponding light/dark shades and tints. After trying this feature, you won't want to use the native color grid anymore!

Initial Release Date

December 10, 2024

Last Modification

February 13, 2025

Official Videos

Content Creators Videos

No Video found.

Documentation

Easily apply your color variables to any builder control with the new Color Variable Picker. This tool showcases all your palettes in an organized layout, complete with each color’s corresponding light/dark shades and tints. After trying this feature, you won’t want to use the native color grid anymore!

More Features in the Colors category:

Color Variables PickerCheck it Out
2 New Elements: Nestable Darkmode Button & ToggleCheck it Out
Dynamic ColorsCheck it Out
Convert Vanilla Bricks Colors into CSS variablesCheck it Out
Global Color ManagerCheck it Out
Advanced Color PickerCheck it Out
Alpha channel supportedCheck it Out
Color Shades generatorCheck it Out
Complementary Color GeneratorCheck it Out
Advanced Scale GeneratorCheck it Out
Auto-darkmodeCheck it Out
No-code DarkmodeCheck it Out
Customize any shade and dark color variantCheck it Out
Import colors from a CSS variable ListCheck it Out
Set Custom Darkmode colors for ACSS variablesCheck it Out
Synced with Gutenberg Default PaletteCheck it Out
New Element: Darkmode ButtonCheck it Out
Enable/Disable any Color PaletteCheck it Out
Meta Theme Color – Both globally and per pageCheck it Out
New Element: Darkmode ToggleCheck it Out

You won't build websites without it anymore!

Check the Pricing Plans - Starts from $59