Loading...
Created at 06/05/2025 20:07
Mobile UX Accessibility Suite
- Gesture Blue#60a5fa
- Tap Orange#fb923c
- Voice Lilac#c4b5fd
- Contrast Black#000000
- Accessible Ivory#fefefa
- Focus Ring Red#dc2626
- Thumb Gray#9ca3af
The palette consists of Light, Dark colors. Accent colors Tap Orange #fb923c and Voice Lilac #c4b5fd. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #000000 (darkest) to #FEFEFA (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #000000, #60A5FA, #9CA3AF, #C4B5FD, #DC2626, #FB923C, #FEFEFA
Palette Mobile UX Accessibility Suite has combination of 7 codes colors:
HEX: #60a5fa, RGB: (96, 165, 250); HEX: #fb923c, RGB: (251, 146, 60); HEX: #c4b5fd, RGB: (196, 181, 253)
HEX: #000000, RGB: (0, 0, 0); HEX: #fefefa, RGB: (254, 254, 250); HEX: #dc2626, RGB: (220, 38, 38)
HEX: #9ca3af, RGB: (156, 163, 175)
Simplified version of palette colors
Shade of cornflowerblue, Shade of darkorange, Shade of lightsteelblue, Black, Tint of White, Shade of crimson, Tint of darkgrey
Color scheme was created by colorhunt
Colors codes in palette
Mobile UX Accessibility Suite color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Gesture Blue | — |
| #fb923c | #fb923c | RGB(251, 146, 60) | Tap Orange | — |
| #c4b5fd | #c4b5fd | RGB(196, 181, 253) | Voice Lilac | — |
| #000000 | #000000 | RGB(0, 0, 0) | Contrast Black | Black |
| #fefefa | #fefefa | RGB(254, 254, 250) | Accessible Ivory | Baby Powder |
| #dc2626 | #dc2626 | RGB(220, 38, 38) | Focus Ring Red | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Thumb Gray | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#60a5fa | #fb923c | 1.12 |
#60a5fa | #c4b5fd | 1.37 |
#60a5fa | #dc2626 | 1.89 |
#60a5fa | #9ca3af | 1 |
#fb923c | #c4b5fd | 1.22 |
#fb923c | #9ca3af | 1.12 |
Image palette Mobile UX Accessibility Suite png
Export Palette
Download the "Mobile UX Accessibility Suite" in multiple formats for seamless integration into your design projects.
Available formats: