---
title: CheckoutBrandingColorGroup - GraphQL Admin
description: A set of colors to apply to different parts of the UI.
api_version: unstable
api_name: admin
source_url:
  html: https://shopify.dev/docs/api/admin-graphql/unstable/objects/checkoutbrandingcolorgroup
  md: https://shopify.dev/docs/api/admin-graphql/unstable/objects/checkoutbrandingcolorgroup.md
---

# Checkout​Branding​Color​Group

object

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

A set of colors to apply to different parts of the UI.

## Fields

* accent

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

  A color used for visual accents such as spinners.

* background

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

  A color used for backgrounds.

* foreground

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

  A color used for components that sit on backgrounds like text and form controls.

***

## Map

### Fields with this object

* {}[CheckoutBrandingColorPalette.canvas](https://shopify.dev/docs/api/admin-graphql/unstable/objects/CheckoutBrandingColorPalette#field-CheckoutBrandingColorPalette.fields.canvas)
* {}[CheckoutBrandingColorPalette.color1](https://shopify.dev/docs/api/admin-graphql/unstable/objects/CheckoutBrandingColorPalette#field-CheckoutBrandingColorPalette.fields.color1)
* {}[CheckoutBrandingColorPalette.color2](https://shopify.dev/docs/api/admin-graphql/unstable/objects/CheckoutBrandingColorPalette#field-CheckoutBrandingColorPalette.fields.color2)
* {}[CheckoutBrandingColorPalette.critical](https://shopify.dev/docs/api/admin-graphql/unstable/objects/CheckoutBrandingColorPalette#field-CheckoutBrandingColorPalette.fields.critical)
* {}[CheckoutBrandingColorPalette.interactive](https://shopify.dev/docs/api/admin-graphql/unstable/objects/CheckoutBrandingColorPalette#field-CheckoutBrandingColorPalette.fields.interactive)
* {}[CheckoutBrandingColorPalette.primary](https://shopify.dev/docs/api/admin-graphql/unstable/objects/CheckoutBrandingColorPalette#field-CheckoutBrandingColorPalette.fields.primary)