Created at 07/28/2025 11:10
Accessible Dark UX Matrix Toolkit
Overlay Slate
#292d32
Primary Cyan
#00f0b5
Active Yellow
#ffd23f
Darkmode Charcoal
#121212
Input White
#ffffff
Disabled Gray
#8d99ae
The palette consists of Dark, Light colors. Accent colors Active Yellow #ffd23f and Disabled Gray #8d99ae. Palette has Cool, Warm, Neutral colors temperature.
Palette Accessible Dark UX Matrix Toolkit has combination of 6 codes colors:
HEX: #292d32, RGB: (41, 45, 50); HEX: #00f0b5, RGB: (0, 240, 181); HEX: #ffd23f, RGB: (255, 210, 63)
HEX: #121212, RGB: (18, 18, 18); HEX: #ffffff, RGB: (255, 255, 255); HEX: #8d99ae, RGB: (141, 153, 174)
Simplified version of palette colors
Shade of Black, Tint of aquamarine, Shade of gold, Shade of Black, White, Shade of lightslategrey
Color scheme was created by colorslib
Colors codes in palette
Accessible Dark UX Matrix Toolkit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #292d32 | #292d32 | RGB(41, 45, 50) | Overlay Slate | — |
| #00f0b5 | #00f0b5 | RGB(0, 240, 181) | Primary Cyan | — |
| #ffd23f | #ffd23f | RGB(255, 210, 63) | Active Yellow | — |
| #121212 | #121212 | RGB(18, 18, 18) | Darkmode Charcoal | Dark Tone Ink |
| #ffffff | #ffffff | RGB(255, 255, 255) | Input White | White |
| #8d99ae | #8d99ae | RGB(141, 153, 174) | Disabled Gray | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#292d32 | #121212 | 1.35 |
#00f0b5 | #ffd23f | 1.02 |
#00f0b5 | #ffffff | 1.48 |
#00f0b5 | #8d99ae | 1.93 |
#ffd23f | #ffffff | 1.44 |
#ffd23f | #8d99ae | 1.99 |
Image palette Accessible Dark UX Matrix Toolkit png
Export Palette
Download the "Accessible Dark UX Matrix Toolkit" in multiple formats for seamless integration into your design projects.
Available formats: