Loading...
Created at 06/09/2025 08:11
Zero-UI Invisible Interaction Layer
- Silent Mist#eaeaea
- Trigger Ice#f6f6f6
- Motion Shadow#c8c8c8
- Intent Slate#9ca3af
- Feedback Clear Black#0a0a0a
- Context Hint Pink#ffd5ec
The palette consists of Light, Dark colors. Accent colors Intent Slate #9ca3af and Context Hint Pink #ffd5ec. Palette has Neutral, Cool colors temperature.
By lightness, this palette runs from #0A0A0A (darkest) to #F6F6F6 (lightest). The lightness range is wide.
Overall saturation feels mostly muted (lower chroma).
Chromatic content centers on a single hue direction; neutrals/grays reduce contrast between families (loose heuristic).
Most swatches read as neutral in color temperature.
HEX codes (sorted): #0A0A0A, #9CA3AF, #C8C8C8, #EAEAEA, #F6F6F6, #FFD5EC
Palette Zero-UI Invisible Interaction Layer has combination of 6 codes colors:
HEX: #eaeaea, RGB: (234, 234, 234); HEX: #f6f6f6, RGB: (246, 246, 246); HEX: #c8c8c8, RGB: (200, 200, 200)
HEX: #9ca3af, RGB: (156, 163, 175); HEX: #0a0a0a, RGB: (10, 10, 10); HEX: #ffd5ec, RGB: (255, 213, 236)
Simplified version of palette colors
Tint of whitesmoke, Shade of whitesmoke, Shade of Silver, Tint of darkgrey, Shade of Black, Shade of thistle
Color scheme was created by raccoon
Colors codes in palette
Zero-UI Invisible Interaction Layer color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #eaeaea | #eaeaea | RGB(234, 234, 234) | Silent Mist | Plaster |
| #f6f6f6 | #f6f6f6 | RGB(246, 246, 246) | Trigger Ice | — |
| #c8c8c8 | #c8c8c8 | RGB(200, 200, 200) | Motion Shadow | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Intent Slate | — |
| #0a0a0a | #0a0a0a | RGB(10, 10, 10) | Feedback Clear Black | Existential Angst |
| #ffd5ec | #ffd5ec | RGB(255, 213, 236) | Context Hint Pink | — |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#eaeaea | #f6f6f6 | 1.11 |
#eaeaea | #c8c8c8 | 1.39 |
#eaeaea | #ffd5ec | 1.09 |
#f6f6f6 | #c8c8c8 | 1.54 |
#f6f6f6 | #ffd5ec | 1.21 |
#c8c8c8 | #9ca3af | 1.51 |
Image palette Zero-UI Invisible Interaction Layer png
Export Palette
Download the "Zero-UI Invisible Interaction Layer" in multiple formats for seamless integration into your design projects.
Available formats: