Exploration mobileapp design ui colors palette
- Spanish Yellow#f4bc14
- Light Sky Blue#7cccfa
- Dark Goldenrod#c98a11
- Blue Yonder#57789b
- Khaki (HTML/CSS)#cca494
- Charcoal#2a3d58
Created at 06/02/2022 08:58
The palette consists of Light, Semi dark colors. Accent colors Spanish Yellow #f4bc14 and Light Sky Blue #7cccfa. Palette has Warm, Cool colors temperature.
By lightness, this palette runs from #2A3D58 (darkest) to #F4BC14 (lightest). The lightness range is moderate.
Saturation sits in a moderate mid-range, averaging 61% across the palette.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Warm and cool swatches are fairly balanced (3 warm, 3 cool).
HEX codes (sorted): #2A3D58, #57789B, #7CCCFA, #C98A11, #CCA494, #F4BC14
Palette Exploration mobileapp design ui colors palette combines 6 color codes:
HEX: #f4bc14, RGB: (244, 188, 20); HEX: #7cccfa, RGB: (124, 204, 250); HEX: #c98a11, RGB: (201, 138, 17)
HEX: #57789b, RGB: (87, 120, 155); HEX: #cca494, RGB: (204, 164, 148); HEX: #2a3d58, RGB: (42, 61, 88)
Simplified version of palette colors
Tint of Goldenrod, Shade of Light Sky Blue, Tint of Dark Goldenrod, Shade of Steel Blue, Tint of Rosy Brown, Shade of Dark Slate Blue
Color scheme was created by colorswall
Color codes in palette
Exploration mobileapp design ui colors palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #f4bc14 | #f4bc14 | RGB(244, 188, 20) | Spanish Yellow | — |
| #7cccfa | #7cccfa | RGB(124, 204, 250) | Light Sky Blue | — |
| #c98a11 | #c98a11 | RGB(201, 138, 17) | Dark Goldenrod | — |
| #57789b | #57789b | RGB(87, 120, 155) | Blue Yonder | — |
| #cca494 | #cca494 | RGB(204, 164, 148) | Khaki (HTML/CSS) | — |
| #2a3d58 | #2a3d58 | RGB(42, 61, 88) | Charcoal | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#f4bc14 | #7cccfa | 1.01 |
#f4bc14 | #c98a11 | 1.69 |
#f4bc14 | #cca494 | 1.29 |
#7cccfa | #c98a11 | 1.66 |
#7cccfa | #cca494 | 1.27 |
#c98a11 | #57789b | 1.56 |
Image palette Exploration mobileapp design ui colors palette png
Export Palette
Download the "Exploration mobileapp design ui colors palette" in multiple formats for seamless integration into your design projects.
Available formats: