Created at 11/02/2022 13:18
Landing page animation ui graphic design colours
Celestial Blue
#3593c9
Pale Cerulean
#96c7e3
Rich Black (FOGRA29)
#040b0f
Slate Gray
#708190
Pale Silver
#cbc4c4
Charcoal
#2f404e
The palette consists of Light, Dark colors. Accent colors Celestial Blue #3593c9 and Pale Silver #cbc4c4. Palette has Cool, Neutral colors temperature.
Palette Landing page animation ui graphic design colours has combination of 6 codes colors:
HEX: #3593c9, RGB: (53, 147, 201); HEX: #96c7e3, RGB: (150, 199, 227); HEX: #040b0f, RGB: (4, 11, 15)
HEX: #708190, RGB: (112, 129, 144); HEX: #cbc4c4, RGB: (203, 196, 196); HEX: #2f404e, RGB: (47, 64, 78)
Simplified version of palette colors
Shade of steelblue, Tint of skyblue, Shade of Black, Shade of slategrey, Shade of Silver, Tint of darkslategrey
Color scheme was created by colorswall
Colors codes in palette
Landing page animation ui graphic design colours color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #3593c9 | #3593c9 | RGB(53, 147, 201) | Celestial Blue | — |
| #96c7e3 | #96c7e3 | RGB(150, 199, 227) | Pale Cerulean | — |
| #040b0f | #040b0f | RGB(4, 11, 15) | Rich Black (FOGRA29) | — |
| #708190 | #708190 | RGB(112, 129, 144) | Slate Gray | — |
| #cbc4c4 | #cbc4c4 | RGB(203, 196, 196) | Pale Silver | — |
| #2f404e | #2f404e | RGB(47, 64, 78) | Charcoal | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#3593c9 | #96c7e3 | 1.87 |
#3593c9 | #708190 | 1.17 |
#3593c9 | #cbc4c4 | 1.98 |
#96c7e3 | #cbc4c4 | 1.05 |
#040b0f | #2f404e | 1.85 |
Image palette Landing page animation ui graphic design colours png
Export Palette
Download the "Landing page animation ui graphic design colours" in multiple formats for seamless integration into your design projects.
Available formats: