---
title: "Colors"
canonical: "https://docs.cuesystem.com/space/CI/654835732/Colors"
format: markdown
---
# Neutral

|  |  |
| --- | --- |
| **neutral/100** | **#FFFFFF** |
| neutral/200 | #E8E7E7 |
| neutral/300 | #D2CFD0 |
| neutral/400 | #BBB7B8 |
| neutral/500 | #A49FA1 |
| neutral/600 | #60575A |
| neutral/700 | #493F42 |
| neutral/800 | #33272B |
| **neutral/900** | **#1C0F13** |

---

# Primaries

## Control

|  |  |
| --- | --- |
| control/100 | #D1D6E1 |
| control/200 | #7482A4 |
| control/300 | #455885 |
| control/400 | #455885 |
| **control/500** | **#4E1289** |
| control/600 | #122551 |
| control/700 | #0D1C3D |
| control/800 | #091228 |
| control/900 | #040914 |

## Reserve

|  |  |
| --- | --- |
| reserve/100 | #D7E3FF |
| reserve/200 | #AFC7FF |
| reserve/300 | #87AAFF |
| reserve/400 | #5F8EFF |
| **reserve/500** | **#3772FF** |
| reserve/600 | #2C5BCC |
| reserve/700 | #214499 |
| reserve/800 | #162E66 |
| reserve/900 | #0B1733 |

## Manage

|  |  |
| --- | --- |
| manage/100 | #DCD1E8 |
| manage/200 | #B9A1D0 |
| manage/300 | #9571B8 |
| manage/400 | #7242A1 |
| **manage/500** | **#4E1289** |
| manage/600 | #3E0E6D |
| manage/700 | #2F0B52 |
| manage/800 | #1F0736 |
| manage/900 | #0F041B |

Backend

|  |  |
| --- | --- |
| ###### backend/100 | ###### #D6DCE4 |
| ###### backend/200 | ###### #ACB8C9 |
| ###### backend/300 | ###### #8394AE |
| ###### backend/400 | ###### #597092 |
| ###### **backend/500** | ###### **#2F4C77** |
| ###### backend/600 | ###### #263D5F |
| ###### backend/700 | ###### #1C2D47 |
| ###### backend/800 | ###### #131E2F |
| ###### backend/900 | ###### 090F17 |

## Analyze

|  |  |
| --- | --- |
| analyze/100 | #DAEEDD |
| analyze/200 | #B4DDBB |
| analyze/300 | #8FCC99 |
| analyze/400 | #69BA76 |
| **analyze/500** | **#43A954** |
| analyze/600 | #368743 |
| analyze/700 | #286532 |
| analyze/800 | #1B4321 |
| analyze/900 | #0D2110 |

## Navigate

|  |  |
| --- | --- |
| navigate/100 | #E6CEE8 |
| navigate/200 | #CD9DD0 |
| navigate/300 | #B46DB9 |
| navigate/400 | #9B3CA1 |
| **navigate/500** | **#7AC74F** |
| navigate/600 | #68096E |
| navigate/700 | #4E0753 |
| navigate/800 | #340437 |
| navigate/900 | #1A021 |

Kiosk

|  |  |
| --- | --- |
| ###### kiosk/100 | ###### #F1D6F3 |
| ###### kiosk/200 | ###### #E4ACE8 |
| ###### kiosk/300 | ###### #D682DC |
| ###### kiosk/400 | ###### #C858D0 |
| ###### **kiosk/500** | ###### **#BA2EC4** |
| ###### kiosk/600 | ###### #95259D |
| ###### kiosk/700 | ###### #6F1C75 |
| ###### kiosk/800 | ###### #4A124E |
| ###### kiosk/900 | ###### #240926 |

---

# States

## Error

|  |  |
| --- | --- |
| error/100 | #FCD8D7 |
| error/200 | #F9B2AF |
| error/300 | #F58B86 |
| error/400 | #F2655E |
| **error/500** | **#EF3E36** |
| error/600 | #BF322B |
| error/700 | #8F2520 |
| error/800 | #601916 |
| error/900 | #300C0B |

## Warning

|  |  |
| --- | --- |
| warning/100 | #FFE7CF |
| warning/200 | #FFCFA0 |
| warning/300 | #FFB870 |
| warning/400 | #FFA041 |
| **warning/500** | **#FF8811** |
| warning/600 | #CC6D0E |
| warning/700 | #99520A |
| warning/800 | #663607 |
| warning/900 | #331B03 |

## Success

|  |  |
| --- | --- |
| success/100 | #CEF0CD |
| success/200 | #9BE29A |
| success/300 | #69D367 |
| success/400 | #36C434 |
| **success/500** | **#04B501** |
| success/600 | #039101 |
| success/700 | #026C01 |
| success/800 | #024800 |
| success/900 | #012300 |

## Help

|  |  |
| --- | --- |
| **help/500** | **#E9CC32** |