---
title: CheckoutAndAccountsConfigurationBrandingColorsInput - GraphQL Admin
description: >-
  The input fields for customizing a base set of colors, from which every
  component pulls its colors.
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/CheckoutAndAccountsConfigurationBrandingColorsInput
  md: >-
    https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingColorsInput.md
---

# Checkout​And​Accounts​Configuration​Branding​Colors​Input

input\_object

The input fields for customizing a base set of colors, from which every component pulls its colors.

## Fields

* base

  [Checkout​And​Accounts​Configuration​Branding​Base​Color​Roles​Input](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingBaseColorRolesInput)

  The main colors, used for the surface background, text, links, and more.

* control

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

  The colors of form controls, such as the [`TextField`](https://shopify.dev/docs/api/checkout-ui-extensions/latest/components/forms/textfield) and [`ChoiceList`](https://shopify.dev/docs/api/checkout-ui-extensions/latest/components/forms/choicelist) components.

* primary​Button

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

  The colors of the primary button. For example, the main payment, or **Pay now** button.

* secondary​Button

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

  The colors of the secondary button, which is used for secondary actions. For example, **Buy again**.

***

## Input objects using this input

* [Checkout​And​Accounts​Configuration​Branding​Checkout​Footer​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingCheckoutFooterInput#fields-colors)

  INPUT OBJECT

  The input fields for customizing the checkout footer.

* [Checkout​And​Accounts​Configuration​Branding​Checkout​Header​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingCheckoutHeaderInput#fields-colors)

  INPUT OBJECT

  The input fields for customizing the checkout header.

* [Checkout​And​Accounts​Configuration​Branding​Customer​Accounts​Footer​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingCustomerAccountsFooterInput#fields-colors)

  INPUT OBJECT

  The input fields for customizing the customer accounts footer.

* [Checkout​And​Accounts​Configuration​Branding​Customer​Accounts​Header​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingCustomerAccountsHeaderInput#fields-colors)

  INPUT OBJECT

  The input fields for customizing the customer accounts header.

* [Checkout​And​Accounts​Configuration​Branding​Customer​Accounts​Main​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingCustomerAccountsMainInput#fields-colors)

  INPUT OBJECT

  The input fields for customizing the main container.

* [Checkout​And​Accounts​Configuration​Branding​Customer​Accounts​Main​Section​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingCustomerAccountsMainSectionInput#fields-colors)

  INPUT OBJECT

  The input fields for customizing the customer accounts branding section.

* [Checkout​And​Accounts​Configuration​Branding​Footer​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingFooterInput#fields-colors)

  INPUT OBJECT

  The input fields for customizing the checkout footer.

* [Checkout​And​Accounts​Configuration​Branding​Header​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingHeaderInput#fields-colors)

  INPUT OBJECT

  The input fields for customizing the header.

* [Checkout​And​Accounts​Configuration​Branding​Main​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingMainInput#fields-colors)

  INPUT OBJECT

  The input fields for customizing the main container.

* [Checkout​And​Accounts​Configuration​Branding​Main​Section​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingMainSectionInput#fields-colors)

  INPUT OBJECT

  The input fields for customizing the main sections.

* [Checkout​And​Accounts​Configuration​Branding​Order​Summary​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingOrderSummaryInput#fields-colors)

  INPUT OBJECT

  The input fields for customizing the order summary container.

* [Checkout​And​Accounts​Configuration​Branding​Order​Summary​Section​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingOrderSummarySectionInput#fields-colors)

  INPUT OBJECT

  The input fields for customizing the order summary sections.

* [Checkout​And​Accounts​Configuration​Branding​Sign​In​Main​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingSignInMainInput#fields-colors)

  INPUT OBJECT

  The input fields for customizing the sign-in main container.

***

## Map

### Input objects using this input

* [Checkout​And​Accounts​Configuration​Branding​Checkout​Footer​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingCheckoutFooterInput#fields-colors)
* [Checkout​And​Accounts​Configuration​Branding​Checkout​Header​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingCheckoutHeaderInput#fields-colors)
* [Checkout​And​Accounts​Configuration​Branding​Customer​Accounts​Footer​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingCustomerAccountsFooterInput#fields-colors)
* [Checkout​And​Accounts​Configuration​Branding​Customer​Accounts​Header​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingCustomerAccountsHeaderInput#fields-colors)
* [Checkout​And​Accounts​Configuration​Branding​Customer​Accounts​Main​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingCustomerAccountsMainInput#fields-colors)
* [Checkout​And​Accounts​Configuration​Branding​Customer​Accounts​Main​Section​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingCustomerAccountsMainSectionInput#fields-colors)
* [Checkout​And​Accounts​Configuration​Branding​Footer​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingFooterInput#fields-colors)
* [Checkout​And​Accounts​Configuration​Branding​Header​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingHeaderInput#fields-colors)
* [Checkout​And​Accounts​Configuration​Branding​Main​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingMainInput#fields-colors)
* [Checkout​And​Accounts​Configuration​Branding​Main​Section​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingMainSectionInput#fields-colors)
* [Checkout​And​Accounts​Configuration​Branding​Order​Summary​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingOrderSummaryInput#fields-colors)
* [Checkout​And​Accounts​Configuration​Branding​Order​Summary​Section​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingOrderSummarySectionInput#fields-colors)
* [Checkout​And​Accounts​Configuration​Branding​Sign​In​Main​Input.colors](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutAndAccountsConfigurationBrandingSignInMainInput#fields-colors)