Created at 06/19/2025 20:52
Accessible SaaS Dashboard Kit
Readability Charcoal
#232323
Primary Plum
#9a60d6
Tooltip Lemon
#fff58f
Secondary White Smoke
#f5f5f5
Disabled Cloud
#c6cbd1
CTA Bright Coral
#ff7878
The palette consists of Dark, Light colors. Accent colors Primary Plum #9a60d6 and Tooltip Lemon #fff58f. Palette has Neutral, Cool, Warm colors temperature.
Palette Accessible SaaS Dashboard Kit has combination of 6 codes colors:
HEX: #232323, RGB: (35, 35, 35); HEX: #9a60d6, RGB: (154, 96, 214); HEX: #fff58f, RGB: (255, 245, 143)
HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #c6cbd1, RGB: (198, 203, 209); HEX: #ff7878, RGB: (255, 120, 120)
Simplified version of palette colors
Shade of Black, Tint of mediumpurple, Shade of Khaki, whitesmoke, Shade of Silver, Tint of lightcoral
Color scheme was created by hex
Colors codes in palette
Accessible SaaS Dashboard Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #232323 | #232323 | RGB(35, 35, 35) | Readability Charcoal | Young Night |
| #9a60d6 | #9a60d6 | RGB(154, 96, 214) | Primary Plum | — |
| #fff58f | #fff58f | RGB(255, 245, 143) | Tooltip Lemon | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Secondary White Smoke | White Smoke |
| #c6cbd1 | #c6cbd1 | RGB(198, 203, 209) | Disabled Cloud | Paparazzi Flash |
| #ff7878 | #ff7878 | RGB(255, 120, 120) | CTA Bright Coral | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#9a60d6 | #ff7878 | 1.63 |
#fff58f | #f5f5f5 | 1.02 |
#fff58f | #c6cbd1 | 1.45 |
#f5f5f5 | #c6cbd1 | 1.49 |
#c6cbd1 | #ff7878 | 1.56 |
