Home page ui visual design landing colors palette
- Black#141414
- Gunmetal#28283c
- American Blue#3c3c64
- Silver Lake Blue#648cb4
- Space Cadet#282850
- Japanese Indigo#283c50
Created at 09/23/2023 13:08
The palette consists of Dark, Semi dark, Light colors. Accent colors Black #141414 and Silver Lake Blue #648cb4. Palette has Neutral, Cool colors temperature.
By lightness, this palette runs from #141414 (darkest) to #648CB4 (lightest). The lightness range is moderate.
Saturation sits in a moderate mid-range, averaging 24% across the palette.
An analogous palette: its hues sit close together on the color wheel, within about 30°.
Overall temperature among swatches leans cool (5 of 6).
HEX codes (sorted): #141414, #28283C, #282850, #283C50, #3C3C64, #648CB4
Palette Home page ui visual design landing colors palette combines 6 color codes:
HEX: #141414, RGB: (20, 20, 20); HEX: #28283c, RGB: (40, 40, 60); HEX: #3c3c64, RGB: (60, 60, 100)
HEX: #648cb4, RGB: (100, 140, 180); HEX: #282850, RGB: (40, 40, 80); HEX: #283c50, RGB: (40, 60, 80)
Simplified version of palette colors
Tint of Black, Tint of Black, Shade of darkslateblue, Tint of steelblue, Tint of midnightblue, Shade of darkslateblue
Color scheme was created by raccoon
Color codes in palette
Home page ui visual design landing colors palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #28283c | #28283c | RGB(40, 40, 60) | Gunmetal | — |
| #3c3c64 | #3c3c64 | RGB(60, 60, 100) | American Blue | — |
| #648cb4 | #648cb4 | RGB(100, 140, 180) | Silver Lake Blue | — |
| #282850 | #282850 | RGB(40, 40, 80) | Space Cadet | — |
| #283c50 | #283c50 | RGB(40, 60, 80) | Japanese Indigo | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#141414 | #28283c | 1.27 |
#141414 | #3c3c64 | 1.77 |
#141414 | #282850 | 1.32 |
#141414 | #283c50 | 1.62 |
#28283c | #3c3c64 | 1.38 |
#28283c | #282850 | 1.03 |
Image palette Home page ui visual design landing colors palette png
Export Palette
Download the "Home page ui visual design landing colors palette" in multiple formats for seamless integration into your design projects.
Available formats: