Created at 06/05/2025 20:09
Design System Tokenscape
- Token Steel#a3a3a3
- Primary Purple#8a4fff
- Spacing Mist#f5f7fa
- Radius Olive#b5c18e
- Shadow Ink#000000
- Border Cloud#d1d5db
- Contrast White#ffffff
The palette consists of Light, Dark colors. Accent colors Primary Purple #8a4fff and Radius Olive #b5c18e. Palette has Neutral, Cool, Warm colors temperature.
By lightness, this palette runs from #000000 (darkest) to #FFFFFF (lightest). The lightness range is wide.
Overall saturation feels mostly muted (lower chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Most swatches read as neutral in color temperature.
HEX codes (sorted): #000000, #8A4FFF, #A3A3A3, #B5C18E, #D1D5DB, #F5F7FA, #FFFFFF
Palette Design System Tokenscape has combination of 7 codes colors:
HEX: #a3a3a3, RGB: (163, 163, 163); HEX: #8a4fff, RGB: (138, 79, 255); HEX: #f5f7fa, RGB: (245, 247, 250)
HEX: #b5c18e, RGB: (181, 193, 142); HEX: #000000, RGB: (0, 0, 0); HEX: #d1d5db, RGB: (209, 213, 219)
HEX: #ffffff, RGB: (255, 255, 255)
Simplified version of palette colors
Tint of darkgrey, Tint of mediumslateblue, Tint of ghostwhite, Shade of darkkhaki, Black, Shade of lightgrey, White
Color scheme was created by hex
Colors codes in palette
Design System Tokenscape color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #a3a3a3 | #a3a3a3 | RGB(163, 163, 163) | Token Steel | Gray64 |
| #8a4fff | #8a4fff | RGB(138, 79, 255) | Primary Purple | — |
| #f5f7fa | #f5f7fa | RGB(245, 247, 250) | Spacing Mist | — |
| #b5c18e | #b5c18e | RGB(181, 193, 142) | Radius Olive | — |
| #000000 | #000000 | RGB(0, 0, 0) | Shadow Ink | Black |
| #d1d5db | #d1d5db | RGB(209, 213, 219) | Border Cloud | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Contrast White | White |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#a3a3a3 | #8a4fff | 1.79 |
#a3a3a3 | #b5c18e | 1.31 |
#a3a3a3 | #d1d5db | 1.71 |
#f5f7fa | #b5c18e | 1.78 |
#f5f7fa | #d1d5db | 1.37 |
#f5f7fa | #ffffff | 1.07 |
Image palette Design System Tokenscape png
Export Palette
Download the "Design System Tokenscape" in multiple formats for seamless integration into your design projects.
Available formats: