Created at 03/13/2023 16:20
Ui app design ux palette
- Spiro Disco Ball#1bb6fa
- Sky Blue (Crayola)#70d2f8
- Medium Jungle Green#142c34
- Crystal Blue#649cb4
- Pastel Blue#acc1cb
- Gunmetal#2c333c
The palette consists of Light, Dark, Semi dark colors. Accent colors Spiro Disco Ball #1bb6fa and Sky Blue (Crayola) #70d2f8. Palette has Cool colors temperature.
By lightness, this palette runs from #142C34 (darkest) to #70D2F8 (lightest). The lightness range is moderate.
Saturation is mixed — 2 muted and 2 vivid out of 6 colors.
An analogous palette: its hues sit close together on the color wheel, within about 19°.
Overall temperature among swatches leans cool (6 of 6).
HEX codes (sorted): #142C34, #1BB6FA, #2C333C, #649CB4, #70D2F8, #ACC1CB
Palette Ui app design ux palette combines 6 color codes:
HEX: #1bb6fa, RGB: (27, 182, 250); HEX: #70d2f8, RGB: (112, 210, 248); HEX: #142c34, RGB: (20, 44, 52)
HEX: #649cb4, RGB: (100, 156, 180); HEX: #acc1cb, RGB: (172, 193, 203); HEX: #2c333c, RGB: (44, 51, 60)
Simplified version of palette colors
Tint of deepskyblue, Shade of skyblue, Shade of darkslategrey, Tint of cadetblue, Shade of lightsteelblue, Shade of darkslategrey
Color scheme was created by colorslib
Color codes in palette
Ui app design ux palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #1bb6fa | #1bb6fa | RGB(27, 182, 250) | Spiro Disco Ball | — |
| #70d2f8 | #70d2f8 | RGB(112, 210, 248) | Sky Blue (Crayola) | — |
| #142c34 | #142c34 | RGB(20, 44, 52) | Medium Jungle Green | — |
| #649cb4 | #649cb4 | RGB(100, 156, 180) | Crystal Blue | — |
| #acc1cb | #acc1cb | RGB(172, 193, 203) | Pastel Blue | — |
| #2c333c | #2c333c | RGB(44, 51, 60) | Gunmetal | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#1bb6fa | #70d2f8 | 1.34 |
#1bb6fa | #649cb4 | 1.31 |
#1bb6fa | #acc1cb | 1.23 |
#70d2f8 | #649cb4 | 1.76 |
#70d2f8 | #acc1cb | 1.09 |
#142c34 | #2c333c | 1.14 |
Image palette Ui app design ux palette png
Export Palette
Download the "Ui app design ux palette" in multiple formats for seamless integration into your design projects.
Available formats: