Color Picker for Framer forms
Color swatches for Framer formsAdd a color picker to your native Framer form, for product colors, custom orders, brand briefs or event themes.
Write your colors one per line as "Name | #hex" and they show as round or square swatches. Let visitors pick one color or several, and add a custom color with the browser's color picker and a hex field.
Available right now inside FramerSend Fields (our all-in-one Marketplace plugin). Free for 14 days, no card, then from $5/month.
What your form receives
The hex code, or the name with it, under the field name you choose. Several picks arrive in one field, joined with commas.
It is part of the native Framer form submission, so it goes wherever your form sends: email, Google Sheets, webhooks, or FramerSend connectors.
{
"Name": "Amelia Hart",
"Email": "amelia@studio.co",
"Color": "Sand (#E8D8C4)"
}How it works
No code, right inside Framer
Select your form
Select your Form on the Framer canvas.
Insert the field
Open Color Picker and click Insert color picker. It is added above the submit button at full width.
Set it up
In the right panel, set your colors as Name | #hex.
Options
- Field name and your colors as Name | #hex
- One or several picks, with a maximum
- Custom color and hex field
- Send #hex or Name (#hex)
- Required, with your own error text
- Swatch size and shape, gap, colors and font
Written into your project as a code component. No external scripts, no network requests on your site.
Frequently asked questions
Can visitors pick a color that is not in my list?
Yes, when you turn on the custom color. It opens the browser's own color picker, and visitors can also type or paste a code such as #1A2B3C.
Is it keyboard accessible?
Yes. With one pick the swatches are a radio group: arrow keys pick the next color. With several picks each swatch is a checkbox. Every swatch reads out its name and code.
Does it slow down my site?
The field is a code component written into your project. It loads no external scripts and makes no network requests on your site.
How much does Color Picker cost?
Color Picker is included in every FramerSend plan, together with the other field plugins and every connector. It is free for 14 days with no card, then from $5/month, $39/year or $89 one-time.
How do I sign in to the plugin?
With your FramerSend account. The plugin opens framersend.com/plugin/connect, you approve, and it signs in by itself.
Add Color Picker to your Framer form
Included in every FramerSend plan with all 73 field plugins and every connector. Free for 14 days, then from $5/month.