Created at 06/10/2025 17:28
UX Audit & Heuristic Palette
- Error Contrast Red#e53935
- Clarity Cream#fff9c4
- Feedback Teal#26a69a
- Interaction Blue#64b5f6
- Navigation Gray#b0bec5
- UI Fix Purple#ba68c8
- Text High Black#1e1e1e
The palette consists of Semi dark, Light, Dark colors. Accent colors Clarity Cream #fff9c4 and Interaction Blue #64b5f6. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #1E1E1E (darkest) to #FFF9C4 (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): #1E1E1E, #26A69A, #64B5F6, #B0BEC5, #BA68C8, #E53935, #FFF9C4
Palette UX Audit & Heuristic Palette has combination of 7 codes colors:
HEX: #e53935, RGB: (229, 57, 53); HEX: #fff9c4, RGB: (255, 249, 196); HEX: #26a69a, RGB: (38, 166, 154)
HEX: #64b5f6, RGB: (100, 181, 246); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #ba68c8, RGB: (186, 104, 200)
HEX: #1e1e1e, RGB: (30, 30, 30)
Simplified version of palette colors
Shade of Red, Tint of lemonchiffon, Tint of lightseagreen, Shade of deepskyblue, Tint of Silver, Shade of mediumorchid, Shade of Black
Color scheme was created by bad_colors
Colors codes in palette
UX Audit & Heuristic Palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #e53935 | #e53935 | RGB(229, 57, 53) | Error Contrast Red | — |
| #fff9c4 | #fff9c4 | RGB(255, 249, 196) | Clarity Cream | — |
| #26a69a | #26a69a | RGB(38, 166, 154) | Feedback Teal | — |
| #64b5f6 | #64b5f6 | RGB(100, 181, 246) | Interaction Blue | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Navigation Gray | Ocean Drive |
| #ba68c8 | #ba68c8 | RGB(186, 104, 200) | UI Fix Purple | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Text High Black | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#e53935 | #26a69a | 1.4 |
#e53935 | #64b5f6 | 1.9 |
#e53935 | #ba68c8 | 1.18 |
#fff9c4 | #b0bec5 | 1.77 |
#26a69a | #64b5f6 | 1.35 |
#26a69a | #b0bec5 | 1.57 |
Image palette UX Audit & Heuristic Palette png
Export Palette
Download the "UX Audit & Heuristic Palette" in multiple formats for seamless integration into your design projects.
Available formats: