Loading...
Created at 06/17/2023 11:53
Switcher ui microinteractions interaction design
- Black#141414
- Charming Cherry#ff8ca0
- White#ffffff
- French Pink#ff78a0
- Vanilla Ice#f08ca0
- Root Beer#280014
The palette consists of Dark, Light colors. Accent colors Charming Cherry #ff8ca0 and French Pink #ff78a0. Palette has Neutral, Warm colors temperature.
By lightness, this palette runs from #141414 (darkest) to #FFFFFF (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans warm.
HEX codes (sorted): #141414, #280014, #F08CA0, #FF78A0, #FF8CA0, #FFFFFF
Palette Switcher ui microinteractions interaction design has combination of 6 codes colors:
HEX: #141414, RGB: (20, 20, 20); HEX: #ff8ca0, RGB: (255, 140, 160); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #ff78a0, RGB: (255, 120, 160); HEX: #f08ca0, RGB: (240, 140, 160); HEX: #280014, RGB: (40, 0, 20)
Simplified version of palette colors
Shade of Black, Shade of lightcoral, White, Shade of palevioletred, Shade of palevioletred, Shade of Black
Color scheme was created by colourlock
Colors codes in palette
Switcher ui microinteractions interaction design color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #ff8ca0 | #ff8ca0 | RGB(255, 140, 160) | Charming Cherry | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #ff78a0 | #ff78a0 | RGB(255, 120, 160) | French Pink | — |
| #f08ca0 | #f08ca0 | RGB(240, 140, 160) | Vanilla Ice | — |
| #280014 | #280014 | RGB(40, 0, 20) | Root Beer | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#141414 | #280014 | 1.03 |
#ff8ca0 | #ff78a0 | 1.12 |
#ff8ca0 | #f08ca0 | 1.06 |
#ff78a0 | #f08ca0 | 1.06 |
Image palette Switcher ui microinteractions interaction design png
Export Palette
Download the "Switcher ui microinteractions interaction design" in multiple formats for seamless integration into your design projects.
Available formats: