Dribbble best shot application design landing page desktop palette
- Vivid Tangelo#fa7424
- Dandelion (Crayola)#fcdc74
- Lapis Lazuli#166aa0
- Blue Yonder#596aaa
- Dark Vanilla#cfb2a3
- Brown Coffee#522c2c
Created at 02/22/2022 10:13
The palette consists of Light, Semi dark colors. Accent colors Dandelion (Crayola) #fcdc74 and Lapis Lazuli #166aa0. Palette has Warm, Cool colors temperature.
By lightness, this palette runs from #522C2C (darkest) to #FCDC74 (lightest). The lightness range is wide.
Saturation sits in a moderate mid-range, averaging 60% across the palette.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans warm (4 of 6).
HEX codes (sorted): #166AA0, #522C2C, #596AAA, #CFB2A3, #FA7424, #FCDC74
Palette Dribbble best shot application design landing page desktop palette combines 6 color codes:
HEX: #fa7424, RGB: (250, 116, 36); HEX: #fcdc74, RGB: (252, 220, 116); HEX: #166aa0, RGB: (22, 106, 160)
HEX: #596aaa, RGB: (89, 106, 170); HEX: #cfb2a3, RGB: (207, 178, 163); HEX: #522c2c, RGB: (82, 44, 44)
Simplified version of palette colors
Shade of Coral, Shade of Khaki, Shade of Steel Blue, Tint of Royal Blue, Tint of Tan, Tint of Maroon
Color scheme was created by colorswall
Color codes in palette
Dribbble best shot application design landing page desktop palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #fa7424 | #fa7424 | RGB(250, 116, 36) | Vivid Tangelo | — |
| #fcdc74 | #fcdc74 | RGB(252, 220, 116) | Dandelion (Crayola) | — |
| #166aa0 | #166aa0 | RGB(22, 106, 160) | Lapis Lazuli | — |
| #596aaa | #596aaa | RGB(89, 106, 170) | Blue Yonder | — |
| #cfb2a3 | #cfb2a3 | RGB(207, 178, 163) | Dark Vanilla | — |
| #522c2c | #522c2c | RGB(82, 44, 44) | Brown Coffee | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#fa7424 | #596aaa | 1.86 |
#fa7424 | #cfb2a3 | 1.39 |
#fcdc74 | #cfb2a3 | 1.48 |
#166aa0 | #596aaa | 1.12 |
Image palette Dribbble best shot application design landing page desktop palette png
Export Palette
Download the "Dribbble best shot application design landing page desktop palette" in multiple formats for seamless integration into your design projects.
Available formats: