Created at 07/11/2025 13:19
Dark UX Transition States Pack
Idle Panel Black
#101010
Hover State Aqua
#00e5ff
Active Button Red
#ff6b6b
Focus Ring Yellow
#ffde59
Disabled Grey
#bebebe
Text White
#f9f9f9
The palette consists of Dark, Light colors. Accent colors Hover State Aqua #00e5ff and Focus Ring Yellow #ffde59. Palette has Neutral, Cool, Warm colors temperature.
Palette Dark UX Transition States Pack has combination of 6 codes colors:
HEX: #101010, RGB: (16, 16, 16); HEX: #00e5ff, RGB: (0, 229, 255); HEX: #ff6b6b, RGB: (255, 107, 107)
HEX: #ffde59, RGB: (255, 222, 89); HEX: #bebebe, RGB: (190, 190, 190); HEX: #f9f9f9, RGB: (249, 249, 249)
Simplified version of palette colors
Shade of Black, Shade of darkturquoise, Tint of salmon, Shade of gold, Tint of Silver, Shade of whitesmoke
Color scheme was created by hex
Colors codes in palette
Dark UX Transition States Pack color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #101010 | #101010 | RGB(16, 16, 16) | Idle Panel Black | — |
| #00e5ff | #00e5ff | RGB(0, 229, 255) | Hover State Aqua | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Active Button Red | — |
| #ffde59 | #ffde59 | RGB(255, 222, 89) | Focus Ring Yellow | — |
| #bebebe | #bebebe | RGB(190, 190, 190) | Disabled Grey | Tin Soldier |
| #f9f9f9 | #f9f9f9 | RGB(249, 249, 249) | Text White | Doctor |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#00e5ff | #ff6b6b | 1.8 |
#00e5ff | #ffde59 | 1.16 |
#00e5ff | #bebebe | 1.2 |
#00e5ff | #f9f9f9 | 1.46 |
#ff6b6b | #bebebe | 1.49 |
#ffde59 | #bebebe | 1.4 |
