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 |