Ui web design branding colors
- Jelly Bean Blue#3e8d9b
- Crystal#a0d0d9
- Dark Jungle Green#0f162e
- Cadet Blue#519ca1
- Chinese Silver#c8c8cb
- Charcoal#303b51
Created at 05/18/2022 09:49
The palette consists of Light, Dark, Semi dark colors. Accent colors Crystal #a0d0d9 and Dark Jungle Green #0f162e. Palette has Cool, Neutral colors temperature.
By lightness, this palette runs from #0F162E (darkest) to #C8C8CB (lightest). The lightness range is wide.
Saturation sits in a moderate mid-range, averaging 33% across the palette.
An analogous palette: its hues sit close together on the color wheel, within about 43°.
Overall temperature among swatches leans cool (5 of 6).
HEX codes (sorted): #0F162E, #303B51, #3E8D9B, #519CA1, #A0D0D9, #C8C8CB
Palette Ui web design branding colors combines 6 color codes:
HEX: #3e8d9b, RGB: (62, 141, 155); HEX: #a0d0d9, RGB: (160, 208, 217); HEX: #0f162e, RGB: (15, 22, 46)
HEX: #519ca1, RGB: (81, 156, 161); HEX: #c8c8cb, RGB: (200, 200, 203); HEX: #303b51, RGB: (48, 59, 81)
Simplified version of palette colors
Tint of Dark Cyan, Shade of Light Blue, Tint of Black, Shade of Cadet Blue, Tint of Silver, Shade of Dark Slate Blue
Color scheme was created by colorswall
Color codes in palette
Ui web design branding colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #3e8d9b | #3e8d9b | RGB(62, 141, 155) | Jelly Bean Blue | — |
| #a0d0d9 | #a0d0d9 | RGB(160, 208, 217) | Crystal | — |
| #0f162e | #0f162e | RGB(15, 22, 46) | Dark Jungle Green | — |
| #519ca1 | #519ca1 | RGB(81, 156, 161) | Cadet Blue | — |
| #c8c8cb | #c8c8cb | RGB(200, 200, 203) | Chinese Silver | — |
| #303b51 | #303b51 | RGB(48, 59, 81) | Charcoal | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#3e8d9b | #519ca1 | 1.2 |
#a0d0d9 | #519ca1 | 1.89 |
#a0d0d9 | #c8c8cb | 1 |
#0f162e | #303b51 | 1.59 |
#519ca1 | #c8c8cb | 1.9 |
Image palette Ui web design branding colors png
Export Palette
Download the "Ui web design branding colors" in multiple formats for seamless integration into your design projects.
Available formats: