Dark UX Interaction Engine
- Surface Night#1a1a1a
- Click Ripple Blue#3c91e6
- Alert Crimson#ff1e56
- Hover Slate#a1a1aa
- Keyboard Graphite#3a3a3c
- Outline Ice#e0e0e0
Created at 06/08/2025 17:41
The palette consists of Dark, Light, Semi dark colors. Accent colors Click Ripple Blue #3c91e6 and Alert Crimson #ff1e56. Palette has Neutral, Cool, Warm colors temperature.
By lightness, this palette runs from #1A1A1A (darkest) to #E0E0E0 (lightest). The lightness range is wide.
Overall saturation feels mostly muted (lower chroma) — 67% of colors are muted.
Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.
Most swatches read as neutral in color temperature (4 of 6).
HEX codes (sorted): #1A1A1A, #3A3A3C, #3C91E6, #A1A1AA, #E0E0E0, #FF1E56
Palette Dark UX Interaction Engine combines 6 color codes:
HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #3c91e6, RGB: (60, 145, 230); HEX: #ff1e56, RGB: (255, 30, 86)
HEX: #a1a1aa, RGB: (161, 161, 170); HEX: #3a3a3c, RGB: (58, 58, 60); HEX: #e0e0e0, RGB: (224, 224, 224)
Simplified version of palette colors
Tint of Black, Tint of Dodger Blue, Tint of Crimson, Shade of Dark Gray, Shade of Dark Slate Gray, Tint of Gainsboro
Color scheme was created by colourlock
Color codes in palette
Dark UX Interaction Engine color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Surface Night | Gray10 |
| #3c91e6 | #3c91e6 | RGB(60, 145, 230) | Click Ripple Blue | — |
| #ff1e56 | #ff1e56 | RGB(255, 30, 86) | Alert Crimson | — |
| #a1a1aa | #a1a1aa | RGB(161, 161, 170) | Hover Slate | — |
| #3a3a3c | #3a3a3c | RGB(58, 58, 60) | Keyboard Graphite | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Outline Ice | Gray88 |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#1a1a1a | #3a3a3c | 1.53 |
#3c91e6 | #ff1e56 | 1.14 |
#3c91e6 | #a1a1aa | 1.28 |
#ff1e56 | #a1a1aa | 1.47 |
#a1a1aa | #e0e0e0 | 1.94 |
Image palette Dark UX Interaction Engine png
Export Palette
Download the "Dark UX Interaction Engine" in multiple formats for seamless integration into your design projects.
Available formats: