fitness tracker app design colors
- Summer Waters#215399
- Cape Storm#3c4754
- Paving Stones#cbccc4
- Blanc#d9d0c2
- Pineapple Cream#f2eac3
- Plastic Clouds#f5f0f1
Created at 02/23/2023 10:31
The palette consists of Semi dark, Light colors. Accent colors Summer Waters #215399 and Pineapple Cream #f2eac3. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #3C4754 (darkest) to #F5F0F1 (lightest). The lightness range is wide.
Overall saturation feels mostly muted (lower chroma) — 67% of colors are muted.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Warm and cool swatches are fairly balanced (2 warm, 2 cool).
HEX codes (sorted): #215399, #3C4754, #CBCCC4, #D9D0C2, #F2EAC3, #F5F0F1
Palette fitness tracker app design colors combines 6 color codes:
HEX: #215399, RGB: (33, 83, 153); HEX: #3c4754, RGB: (60, 71, 84); HEX: #cbccc4, RGB: (203, 204, 196)
HEX: #d9d0c2, RGB: (217, 208, 194); HEX: #f2eac3, RGB: (242, 234, 195); HEX: #f5f0f1, RGB: (245, 240, 241)
Simplified version of palette colors
Shade of Royal Blue, Shade of Dark Slate Gray, Shade of Light Gray, Shade of Light Gray, Shade of Lemon Chiffon, Shade of Snow
Color scheme was created by colorswall
Color codes in palette
fitness tracker app design colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #215399 | #215399 | RGB(33, 83, 153) | Summer Waters | — |
| #3c4754 | #3c4754 | RGB(60, 71, 84) | Cape Storm | — |
| #cbccc4 | #cbccc4 | RGB(203, 204, 196) | Paving Stones | — |
| #d9d0c2 | #d9d0c2 | RGB(217, 208, 194) | Blanc | — |
| #f2eac3 | #f2eac3 | RGB(242, 234, 195) | Pineapple Cream | — |
| #f5f0f1 | #f5f0f1 | RGB(245, 240, 241) | Plastic Clouds | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#215399 | #3c4754 | 1.24 |
#cbccc4 | #d9d0c2 | 1.05 |
#cbccc4 | #f2eac3 | 1.33 |
#cbccc4 | #f5f0f1 | 1.43 |
#d9d0c2 | #f2eac3 | 1.26 |
#d9d0c2 | #f5f0f1 | 1.35 |
Image palette fitness tracker app design colors png
Export Palette
Download the "fitness tracker app design colors" in multiple formats for seamless integration into your design projects.
Available formats: