---
title: CheckoutBrandingButtonColorRoles - GraphQL Admin
description: Colors for buttons.
api_version: 2024-10
api_name: admin
type: object
api_type: graphql
source_url:
  html: >-
    https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingButtonColorRoles
  md: >-
    https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingButtonColorRoles.txt
---

# Checkout​Branding​Button​Color​Roles

object

Requires access to checkout branding settings and the shop must be on a Plus plan or a Development store plan.

Colors for buttons.

## Fields

* accent

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

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

* background

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

  The color of the background.

* border

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

  The color of borders.

* decorative

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

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

* hover

  [Checkout​Branding​Color​Roles](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingColorRoles)

  The colors of the button on hover.

* icon

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

  The color of icons.

* text

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

  The color of text.

***

## Map

### Fields with this object

* {}[CheckoutBrandingColorScheme.primaryButton](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingColorScheme#field-primaryButton)
* {}[CheckoutBrandingColorScheme.secondaryButton](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingColorScheme#field-secondaryButton)