---
title: Colors
description: |
  These are the colors used in the design system, pulled automatically from
  Figma. The colors are grouped according to the groups in Figma. Click on
  the actions to explore each color.
weight: 5
image: hero-components
menuTitle: 'Colors'
metaTitle: 'Colors | Handoff Design System'
metaDescription: |
  Element that represents a control that provides a menu of options, collection 
  of UI components used.'
enabled: true
menu:
  - title: Design System
    menu:
      - path: system
        title: Overview
  - title: Tokens
    tokens: true
  - title: Components
    components: true
---