Configure the Color Field

The Color field allows content writers to select a color through a variety of color pickers and have the option to input a hex color value manually.

The color field allows users to select a color via a color picker. It returns the color's hex code.

Screenshot of the color field in the drag and drop editor.

The visual builder

When configuring a Color field you'll see the options to set the Field name and API ID.

Screenshot of the color field in the Custom Type Builder.

JSON model

The following table displays the JSON configuration options available in the JSON editor.


string (required)

Value must be Color



Object for the configuration options



The label that shows up for the field in the entry editor

Example JSON configuration

The following JSON defines a Color field:

"example_color": {
  "type": "Color",
  "config": {
    "label": "Color"

API response example

Here is an API response example of a Color field with the API ID of example_color:

// API response example of a Color field

  "example_color": "#5b295f"

Was this article helpful?
Not really
Yes, Thanks

Can't find what you're looking for? Spot an error in the documentation? Get in touch with us on our Community Forum or using the feedback form above.