Colors
Colors v2.2.0 #
Neutral Colors #
Light Mode
| Color Name | Hex Code | Color |
|---|---|---|
| SurfaceNeutralDefault | #FFFFFF |
|
| SurfaceNeutralAlternative | #EDEAF1 |
|
| SurfaceNeutralTertiary | #F7F3F8 |
|
| SurfaceNeutralOverlay | #1B1B1B |
|
Dark Mode
| Color Name | Hex Code | Color |
|---|---|---|
| SurfaceNeutralDefault | #08031A |
|
| SurfaceNeutralAlternative | #3D394F |
|
| SurfaceNeutralTertiary | #1B172D |
|
| SurfaceNeutralOverlay | #1B1B1B |
|
NeutralLabelColors #
Light Mode
| Color Name | Hex Code | Color |
|---|---|---|
| LabelNeutralDefault | #1A0244 |
|
| LabelNeutralAlternative | #524977 |
|
| LabelNeutralDisabled | #837C9F |
|
| LabelNeutralPlaceholder | #AFAAC2 |
|
| LabelNeutralInvertedAlternative | #EDEAF1 |
|
| LabelNeutralInverted | #FFFFFF |
|
| LabelOrange | #FF6F0C |
|
| LabelOrangeAlternative | #854521 |
|
Dark Mode
| Color Name | Hex Code | Color |
|---|---|---|
| LabelNeutralDefault | #F6F3F6 |
|
| LabelNeutralAlternative | #D5D2D9 |
|
| LabelNeutralDisabled | #8F8B9C |
|
| LabelNeutralPlaceholder | #5B576B |
|
| LabelNeutralInvertedAlternative | #1B172D |
|
| LabelNeutralInverted | #08031A |
|
| LabelOrange | #FF8F47 |
|
| LabelOrangeAlternative | #FEEBDD |
|
SurfaceColors #
Light Mode
| Color Name | Hex Code | Color |
|---|---|---|
| SurfacePrimaryDefault | #6316DB |
|
| SurfacePrimaryAlternative | #4C0FAD |
|
| SurfaceSecondaryDefault | #FB2576 |
|
| SurfaceSecondaryAlternative | #C71B5C |
|
| SurfaceNegativeDefault | #FA3434 |
|
| SurfaceNegativeAlternative | #BE352F |
|
| SurfacePositiveDefault | #3FEF6B |
|
| SurfacePositiveAlternative | #4CB95F |
|
| SurfaceWarningDefault | #FECC00 |
|
| SurfaceWarningAlternative | #C5A22A |
|
| SurfaceInfoDefault | #1FCEF9 |
|
| SurfaceInfoAlternative | #40A0BC |
|
| SurfaceOrangeDefault | #FF6F0C |
|
| SurfaceOrangeAlternative | #C35C1E |
|
Dark Mode
| Color Name | Hex Code | Color |
|---|---|---|
| SurfacePrimaryDefault | #6316DB |
|
| SurfacePrimaryAlternative | #7B59E6 |
|
| SurfaceSecondaryDefault | #FB2576 |
|
| SurfaceSecondaryAlternative | #FF8EA9 |
|
| SurfaceNegativeDefault | #FF695D |
|
| SurfaceNegativeAlternative | #FF9082 |
|
| SurfacePositiveDefault | #72F384 |
|
| SurfacePositiveAlternative | #97F69E |
|
| SurfaceWarningDefault | #FED54B |
|
| SurfaceWarningAlternative | #FFDE73 |
|
| SurfaceInfoDefault | #69D6F8 |
|
| SurfaceInfoAlternative | #92DEF8 |
|
| SurfaceOrangeDefault | #FF8F47 |
|
| SurfaceOrangeAlternative | #FFAA71 |
|
StaticLabelColors #
Light Mode
| Color Name | Hex Code | Color |
|---|---|---|
| LabelStaticHigh | #1A0244 |
|
Dark Mode
| Color Name | Hex Code | Color |
|---|---|---|
| LabelStaticHigh | #1A0244 |
|
ColoredLabelColors #
Light Mode
| Color Name | Hex Code | Color |
|---|---|---|
| LabelPrimary | #6316DB |
|
| LabelSecondary | #FB2576 |
|
| LabelSecondaryAlternative | #4F0520 |
|
| LabelNegative | #BE352F |
|
| LabelNegativeAlternative | #401B18 |
|
| LabelPositive | #4CB95F |
|
| LabelPositiveAlternative | #2D442E |
|
| LabelInfo | #40A0BC |
|
| LabelInfoAlternative | #293A41 |
|
| LabelWarning | #C5A22A |
|
| LabelWarningAlternative | #494023 |
|
| LabelOrange | #FF6F0C |
|
| LabelOrangeAlternative | #854521 |
|
Dark Mode
| Color Name | Hex Code | Color |
|---|---|---|
| LabelPrimary | #9582EF |
|
| LabelSecondary | #FF6490 |
|
| LabelSecondaryAlternative | #FFE6EB |
|
| LabelNegative | #FF695D |
|
| LabelNegativeAlternative | #FFE6E1 |
|
| LabelPositive | #72F384 |
|
| LabelPositiveAlternative | #EAFCE6 |
|
| LabelInfo | #69D6F8 |
|
| LabelInfoAlternative | #E9F6FC |
|
| LabelWarning | #FED54B |
|
| LabelWarningAlternative | #FEF7DC |
|
| LabelOrange | #FF8F47 |
|
| LabelOrangeAlternative | #FEEBDD |
|
OutlineColors #
Light Mode
| Color Name | Hex Code | Color |
|---|---|---|
| OutlineDefault | #C4C0D3 |
|
| OutlineActive | #1A0244 |
|
| OutlineLow | #FFFFFF |
|
| OutlineLowAlternative | #EDEAF1 |
|
| OutlinePrimary | #6316DB |
|
| OutlineSecondary | #FB2576 |
|
| OutlineNegative | #FA3434 |
|
| OutlinePositive | #3FEF6B |
|
| OutlineInfo | #1FCEF9 |
|
| OutlineWarning | #FECC00 |
|
| OutlineOrange | #FF6F0C |
|
Dark Mode
| Color Name | Hex Code | Color |
|---|---|---|
| OutlineDefault | #5B576B |
|
| OutlineActive | #ECE8ED |
|
| OutlineLow | #08031A |
|
| OutlineLowAlternative | #1B172D |
|
| OutlinePrimary | #4C0FAD |
|
| OutlineSecondary | #C71B5C |
|
| OutlineNegative | #FF695D |
|
| OutlinePositive | #4CB95F |
|
| OutlineInfo | #40A0BC |
|
| OutlineWarning | #C5A22A |
|
| OutlineOrange | #C35C1E |
|
ElevationColors #
Light Mode
| Color Name | Hex Code | Color |
|---|---|---|
| ElevationFocus | #E9F6FC |
|
Dark Mode
| Color Name | Hex Code | Color |
|---|---|---|
| ElevationFocus | #293A41 |
|