# Brand Colors in the Beaver Builder Color Picker

> Adds your brand colors as presets in every Beaver Builder color picker, so editors pick exact colors instead of guessing hex codes.

- Type: PHP
- Runs: Run everywhere
- Category: [Page Builders & Themes](https://wpide.com/library/category/page-builders/)
- Tags: beaver-builder, colors, branding
- Author: WPIDE Team
- Installs: 0
- Updated: 2026-10-28
- Page: https://wpide.com/library/beaver-builder-color-presets/

## Code

```php
// Brand colors, hex without "#".
$wpide_bb_colors = array( '1e3a8a', '2563eb', 'f59e0b', '111827', 'f9fafb' );

add_filter( 'fl_builder_color_presets', function ( $colors ) use ( $wpide_bb_colors ) {
    return array_values( array_unique( array_merge( $wpide_bb_colors, (array) $colors ) ) );
} );
```

## Notes

Colors are hex values without the # sign.

## How to use it

Install the free WPIDE plugin (https://wordpress.org/plugins/wpide/), find "Brand Colors in the Beaver Builder Color Picker" in its snippet library and add it in one click; or create a new PHP snippet in WPIDE (or any code snippets plugin) and paste the code above. More snippets: https://wpide.com/library/