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
Created at 11/02/2022 13:18
The palette consists of Light, Dark, Semi dark colors. Accent colors Celestial Blue #3593c9 and Pale Silver #cbc4c4. Palette has Cool, Neutral colors temperature.
By lightness, this palette runs from #040B0F (darkest) to #CBC4C4 (lightest). The lightness range is wide.
Saturation is mixed — 3 muted and 3 vivid out of 6 colors.
An analogous palette: its hues sit close together on the color wheel, within about 6°.
Overall temperature among swatches leans cool (4 of 6).
HEX codes (sorted): #040B0F, #2F404E, #3593C9, #708190, #96C7E3, #CBC4C4
Palette Landing page animation ui graphic design colours combines 6 color codes:
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
Tint of Steel Blue, Shade of Sky Blue, Tint of Black, Tint of Slate Gray, Tint of Silver, Shade of Dark Slate Gray
Color scheme was created by colorswall
Color 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: