Skip to main content
The Color field allows content creators to select a color via a number of easy options:
  • a hue slider/clickable color field
  • eyedropper tool to pick colors directly off of a page or image
  • direct input of selected color values via RBG, HSL, or HEX codes
Use the Color field when editors need to select any color. Use a Dropdown or reference to a Collection when limiting to specific brand-approved colors.

​
Field at a glance

​
Input and output

Input type

hue slider, color field, eyedropper, or direct value input

API output

string (Hex value with #)

​
API response example

"accent_color": "#FF5733"

​
Field configuration options

Option NameTypeFunction
Required?booleanMake field required to save page
Help textstringAdd help text to describe usage to your team
Default valuestringSet a default value for the field

​
Common use cases

  • customizing buttons, templates, and banners
  • setting accent colors

​
Color field API response

{
  "brand_color": "#348062",
  "accent_color": "#FF5733",
  "background_color": "#FFFFFF"
}