Created at 06/09/2025 15:59
UI Kit Designflow Motion
Mockup Rose
#ffc2d1
Layer Midnight
#1a1a2e
Drag Indigo
#5d5fef
Dropdown Ash
#d8d9da
Zoom Slate
#4b4e6d
Nav Bar Lemon
#ffeb3b
The palette consists of Light, Dark colors. Accent colors Drag Indigo #5d5fef and Nav Bar Lemon #ffeb3b. Palette has Neutral, Cool, Warm colors temperature.
Palette UI Kit Designflow Motion has combination of 6 codes colors:
HEX: #ffc2d1, RGB: (255, 194, 209); HEX: #1a1a2e, RGB: (26, 26, 46); HEX: #5d5fef, RGB: (93, 95, 239)
HEX: #d8d9da, RGB: (216, 217, 218); HEX: #4b4e6d, RGB: (75, 78, 109); HEX: #ffeb3b, RGB: (255, 235, 59)
Simplified version of palette colors
Shade of Pink, Shade of Black, Tint of mediumslateblue, Tint of gainsboro, Shade of darkslateblue, Tint of Yellow
Color scheme was created by hex
Colors codes in palette
UI Kit Designflow Motion color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ffc2d1 | #ffc2d1 | RGB(255, 194, 209) | Mockup Rose | — |
| #1a1a2e | #1a1a2e | RGB(26, 26, 46) | Layer Midnight | — |
| #5d5fef | #5d5fef | RGB(93, 95, 239) | Drag Indigo | — |
| #d8d9da | #d8d9da | RGB(216, 217, 218) | Dropdown Ash | — |
| #4b4e6d | #4b4e6d | RGB(75, 78, 109) | Zoom Slate | — |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Nav Bar Lemon | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ffc2d1 | #d8d9da | 1.06 |
#ffc2d1 | #ffeb3b | 1.23 |
#5d5fef | #4b4e6d | 1.66 |
#d8d9da | #ffeb3b | 1.15 |
