MARKETPLACE
PLUGINS
MOBILE COLOR PICKER
Mobile Color Picker logo

Mobile Color Picker

Published August 2025
   •    Updated this week

Plugin details

➡️➡️➡️ The ultimate color picker for your native mobile apps! Let your users choose colors with an elegant and intuitive interface that feels truly native. 🎨
This plugin provides a compact and powerful color input specifically for Bubble native mobile apps. It's designed to work flawlessly in both Bubble's mobile web previewer and the native companion app.

It appears as a fully customizable color swatch. When tapped, it opens a feature-rich color picker in a popover panel right next to the swatch, ensuring a seamless user experience without disruptive full-screen modals.

See it in action

Editor link: https://bubble.io/page?id=cosmic-plugins&type=page&version=live&name=colorpicker

Demo page: https://cosmic-plugins.bubbleapps.io/api/1.1/mobile/preview?debug_mode=true&preview_view=colorpicker

Click on the buttons below to check the MOBILE demo and editor


💰 Get More & Save Big with the Mobile Pack!
Love this plugin? That's great! Did you know it's also included in our Mobile Pack: Native Power Kit? The pack features this plugin PLUS a huge collection of our other essential mobile components, all for one low price. It's the best way to get all the tools you need to build incredible native apps while saving a significant amount of money.

➡️ Check out the Mobile Pack: Native Power Kit now!


Key Features

✅ Native Experience: The picker appears directly attached to the swatch, providing a professional and intuitive user experience.

✅ Full Color Control: Includes sliders for Hue and Opacity (Alpha), and a visible format toggle (HEX/RGB) for advanced users.

✅ Deep Customization: Tailor every aspect of the picker to perfectly match your app's design

✅ Robust Workflow Integration: An event is triggered when the user changes color.


Risk-free trial

To try any plugin, simply subscribe to its monthly plan. Bubble's pro-rata billing ensures you only pay for the days you use it (e.g., only ~$0.34 per day for a $10/month plugin).

$8

One time  •  Or  $4/mo

5.0 stars   •   2 ratings
442 installs  
This plugin does not collect or track your personal data.

Platform

Native mobile

Contributor details

Cosmic Steve logo
Cosmic Steve
Joined 2020   •   28 Plugins
View contributor profile

Instructions

In a nutshell: when you install the plugin, you will see a new element in the "Visual elements" section of the Bubble editor, named:
🎨 Color Picker

➡️ To begin, add the element to your mobile page. It will appear as a small colored square.

✨ Full Customization: Unlike standard Bubble elements, all styling for this plugin is controlled directly from the property editor, giving you complete control.


Swatch Style section: Customize the appearance of the main color square (roundness, border, etc.).

Picker Customization: Change the picker's theme (Dark/Light), set custom background colors, and customize the text and color of the "OK" button.


How to use it in your workflows:

Get the selected color: Access the plugin's Selected Color exposed state to get the current color value (e.g. Color Picker's Selected Color). The value is a text in Hex format (e.g., #FF0000 or #FF000080).

Run workflows on change: Use the Color Picker's Color Saved event in your workflows tab to trigger actions whenever the user confirms a new color.

Set color from a workflow: While this plugin doesn't have a dedicated action, you can control its color by changing the data source of the Initial Color field.

See how it works

We encourage you to take a look at the demo and editor pages to see how the plugin works.

Types

This plugin can be found under the following types:
Element   •   Event

Categories

This plugin can be found under the following categories:
Containers   •   Mobile   •   Technical   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

Average rating (5.0)

Elegant and professional
August 25th, 2025
Wonderful color picker for mobile apps, I wish there was one like this for web apps too.
Works like a charm
August 25th, 2025
Simply perfect! Recommended!
Bubble