Home Forums ACF PRO Color Picker Custom Pallete Reply To: Color Picker Custom Pallete

  • Hi @toad78

    For something like that, I believe using the checkbox or radio fields are the best way to achieve it. But if you still want to use the color picker field, please try the following workaround:

    function my_acf_collor_pallete_script() {
        <script type="text/javascript">
            acf.add_filter('color_picker_args', function( args, $field ){
                // do something to args
                args.palettes = ['#5ee8bf', '#2f353e', '#f55e4f']
                // return
                return args;
    add_action('acf/input/admin_footer', 'my_acf_collor_pallete_script');
    function my_acf_collor_pallete_css() {
            .acf-color_picker .iris-picker.iris-border{
                width: 200px !important;
                height: 10px !important;
            .acf-color_picker .wp-picker-input-wrap,
            .acf-color_picker .iris-picker .iris-slider,
            .acf-color_picker .iris-picker .iris-square{
                display:none !important;
    add_action('acf/input/admin_head', 'my_acf_collor_pallete_css');

    This page should give you more idea about it:

    I hope this helps 🙂