Created at 09/15/2023 11:25
Design system widget components mobile
Anti-Flash White
#f0f0f0
White
#ffffff
Black
#141414
Booger Buster
#dcf064
Lavender Blush
#fff0f0
Shampoo
#ffc8ff
The palette consists of Light, Dark colors. Accent colors Lavender Blush #fff0f0 and Shampoo #ffc8ff. Palette has Neutral, Warm colors temperature.
Palette Design system widget components mobile has combination of 6 codes colors:
HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #ffffff, RGB: (255, 255, 255); HEX: #141414, RGB: (20, 20, 20)
HEX: #dcf064, RGB: (220, 240, 100); HEX: #fff0f0, RGB: (255, 240, 240); HEX: #ffc8ff, RGB: (255, 200, 255)
Simplified version of palette colors
Tint of whitesmoke, White, Shade of Black, Tint of Khaki, Tint of lavenderblush, Shade of plum
Color scheme was created by colorhunt
Colors codes in palette
Design system widget components mobile color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Anti-Flash White | Gray94 |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #dcf064 | #dcf064 | RGB(220, 240, 100) | Booger Buster | — |
| #fff0f0 | #fff0f0 | RGB(255, 240, 240) | Lavender Blush | — |
| #ffc8ff | #ffc8ff | RGB(255, 200, 255) | Shampoo | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f0f0f0 | #ffffff | 1.13 |
#f0f0f0 | #dcf064 | 1.1 |
#f0f0f0 | #fff0f0 | 1.02 |
#f0f0f0 | #ffc8ff | 1.23 |
#ffffff | #dcf064 | 1.25 |
#ffffff | #fff0f0 | 1.1 |
Image palette Design system widget components mobile png
Export Palette
Download the "Design system widget components mobile" in multiple formats for seamless integration into your design projects.
Available formats: