Created at 06/22/2025 07:58
Dark Mode Interaction Schema
- Hover Glow#3a0ca3
- Click Neon Pink#ff61c7
- Drag Cyan#00ddeb
- Drop Zone Slate#6c757d
- Focus Fog#d6d6d6
- Background True Black#000000
The palette consists of Dark, Light colors. Accent colors Click Neon Pink #ff61c7 and Drag Cyan #00ddeb. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #000000 (darkest) to #D6D6D6 (lightest). The lightness range is wide.
Saturation is mixed — some muted swatches and some vivid accents.
Hues are spread broadly around the wheel — a varied palette (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #000000, #00DDEB, #3A0CA3, #6C757D, #D6D6D6, #FF61C7
Palette Dark Mode Interaction Schema has combination of 6 codes colors:
HEX: #3a0ca3, RGB: (58, 12, 163); HEX: #ff61c7, RGB: (255, 97, 199); HEX: #00ddeb, RGB: (0, 221, 235)
HEX: #6c757d, RGB: (108, 117, 125); HEX: #d6d6d6, RGB: (214, 214, 214); HEX: #000000, RGB: (0, 0, 0)
Simplified version of palette colors
Shade of mediumblue, Tint of hotpink, Shade of darkturquoise, Tint of slategrey, Shade of lightgrey, Black
Color scheme was created by bad_colors
Colors codes in palette
Dark Mode Interaction Schema color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #3a0ca3 | #3a0ca3 | RGB(58, 12, 163) | Hover Glow | — |
| #ff61c7 | #ff61c7 | RGB(255, 97, 199) | Click Neon Pink | — |
| #00ddeb | #00ddeb | RGB(0, 221, 235) | Drag Cyan | — |
| #6c757d | #6c757d | RGB(108, 117, 125) | Drop Zone Slate | Pompeii Ash |
| #d6d6d6 | #d6d6d6 | RGB(214, 214, 214) | Focus Fog | Silver Medal |
| #000000 | #000000 | RGB(0, 0, 0) | Background True Black | Black |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#3a0ca3 | #000000 | 1.76 |
#ff61c7 | #00ddeb | 1.61 |
#ff61c7 | #6c757d | 1.73 |
#ff61c7 | #d6d6d6 | 1.85 |
#00ddeb | #d6d6d6 | 1.15 |
Image palette Dark Mode Interaction Schema png
Export Palette
Download the "Dark Mode Interaction Schema" in multiple formats for seamless integration into your design projects.
Available formats: