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) — 67% of colors are vivid.
Hue spacing suggests a mostly analogous cluster spanning about 20° (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans warm (4 of 6).
HEX codes (sorted): #141414, #280014, #F08CA0, #FF78A0, #FF8CA0, #FFFFFF
Palette Switcher ui microinteractions interaction design combines 6 color codes:
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
Tint of Black, Tint of lightcoral, White, Tint of palevioletred, Tint of palevioletred, Tint 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: