---
title: CheckoutAndAccountsConfigurationBrandingColorRolesInput - GraphQL Admin
description: The input fields for customizing a group of colors used together on a surface.
api_version: 2026-04
api_name: admin
type: input-object
api_type: graphql
source_url:
  html: >-
    https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingColorRolesInput
  md: >-
    https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingColorRolesInput.md
---

# Checkout​And​Accounts​Configuration​Branding​Color​Roles​Input

input\_object

The input fields for customizing a group of colors used together on a surface.

## Fields

* accent

  [String](https://shopify.dev/docs/api/admin-graphql/latest/scalars/String)

  The color of accented objects (links and focused state).

* background

  [String](https://shopify.dev/docs/api/admin-graphql/latest/scalars/String)

  The color of the background.

* border

  [String](https://shopify.dev/docs/api/admin-graphql/latest/scalars/String)

  The color of borders.

* decorative

  [String](https://shopify.dev/docs/api/admin-graphql/latest/scalars/String)

  The decorative color for highlighting specific parts of the user interface.

* icon

  [String](https://shopify.dev/docs/api/admin-graphql/latest/scalars/String)

  The color of icons.

* text

  [String](https://shopify.dev/docs/api/admin-graphql/latest/scalars/String)

  The color of text.

***

## Input objects using this input

* [Checkout​And​Accounts​Configuration​Branding​Control​Color​Roles​Input.selected](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingControlColorRolesInput#fields-selected)

  INPUT OBJECT

  The input fields for customizing colors for form controls.

* [Checkout​And​Accounts​Configuration​Branding​Primary​Button​Color​Roles​Input.hover](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingPrimaryButtonColorRolesInput#fields-hover)

  INPUT OBJECT

  The input fields for customizing colors for primary buttons.

* [Checkout​And​Accounts​Configuration​Branding​Secondary​Button​Color​Roles​Input.hover](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingSecondaryButtonColorRolesInput#fields-hover)

  INPUT OBJECT

  The input fields for customizing colors for secondary buttons.

***

## Map

### Input objects using this input

* [Checkout​And​Accounts​Configuration​Branding​Control​Color​Roles​Input.selected](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingControlColorRolesInput#fields-selected)
* [Checkout​And​Accounts​Configuration​Branding​Primary​Button​Color​Roles​Input.hover](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingPrimaryButtonColorRolesInput#fields-hover)
* [Checkout​And​Accounts​Configuration​Branding​Secondary​Button​Color​Roles​Input.hover](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingSecondaryButtonColorRolesInput#fields-hover)