Created at 07/28/2025 19:43
System Design Tokens Palette
- Primary Indigo#4e4eff
- Secondary Coral#ff847c
- Neutral Gray#c4c4c4
- Error Red#ff5c58
- Success Green#4ade80
- Surface White#fcfcfc
The palette consists of Semi dark, Light colors. Accent colors Primary Indigo #4e4eff and Secondary Coral #ff847c. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #4ADE80 (darkest) to #FCFCFC (lightest). The lightness range is moderate.
Overall saturation feels vivid (higher chroma).
Hues are spread broadly around the wheel — a varied palette (loose heuristic).
Warm and cool swatches are fairly balanced.
HEX codes (sorted): #4ADE80, #4E4EFF, #C4C4C4, #FCFCFC, #FF5C58, #FF847C
Palette System Design Tokens Palette has combination of 6 codes colors:
HEX: #4e4eff, RGB: (78, 78, 255); HEX: #ff847c, RGB: (255, 132, 124); HEX: #c4c4c4, RGB: (196, 196, 196)
HEX: #ff5c58, RGB: (255, 92, 88); HEX: #4ade80, RGB: (74, 222, 128); HEX: #fcfcfc, RGB: (252, 252, 252)
Simplified version of palette colors
Tint of slateblue, Shade of salmon, Shade of Silver, Tint of tomato, Shade of mediumspringgreen, Tint of White
Color scheme was created by hex
Colors codes in palette
System Design Tokens Palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #4e4eff | #4e4eff | RGB(78, 78, 255) | Primary Indigo | — |
| #ff847c | #ff847c | RGB(255, 132, 124) | Secondary Coral | — |
| #c4c4c4 | #c4c4c4 | RGB(196, 196, 196) | Neutral Gray | Weathered Stone |
| #ff5c58 | #ff5c58 | RGB(255, 92, 88) | Error Red | — |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Success Green | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Surface White | Gray99 |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#4e4eff | #ff5c58 | 1.79 |
#ff847c | #c4c4c4 | 1.36 |
#ff847c | #ff5c58 | 1.27 |
#ff847c | #4ade80 | 1.36 |
#c4c4c4 | #ff5c58 | 1.73 |
#c4c4c4 | #4ade80 | 1 |
Image palette System Design Tokens Palette png
Export Palette
Download the "System Design Tokens Palette" in multiple formats for seamless integration into your design projects.
Available formats: