Created at 02/08/2022 21:06
Ui web design palette
- Azure#0c7efa
- Dodger Blue#1d8dfc
- True Blue#0564d2
- Philippine Gray#8c8c8c
- Columbia Blue#cad4da
- Black Olive#3c3c3c
The palette consists of Light, Semi dark colors. Accent colors Dodger Blue #1d8dfc and Philippine Gray #8c8c8c. Palette has Cool, Neutral colors temperature.
By lightness, this palette runs from #3C3C3C (darkest) to #CAD4DA (lightest). The lightness range is wide.
Saturation is mixed — some muted swatches and some vivid accents.
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans cool.
HEX codes (sorted): #0564D2, #0C7EFA, #1D8DFC, #3C3C3C, #8C8C8C, #CAD4DA
Palette Ui web design palette has combination of 6 codes colors:
HEX: #0c7efa, RGB: (12, 126, 250); HEX: #1d8dfc, RGB: (29, 141, 252); HEX: #0564d2, RGB: (5, 100, 210)
HEX: #8c8c8c, RGB: (140, 140, 140); HEX: #cad4da, RGB: (202, 212, 218); HEX: #3c3c3c, RGB: (60, 60, 60)
Simplified version of palette colors
Tint of dodgerblue, Tint of dodgerblue, Tint of royalblue, Shade of Grey, Tint of lightgrey, Tint of darkslategrey
Color scheme was created by colorswall
Colors codes in palette
Ui web design palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #0c7efa | #0c7efa | RGB(12, 126, 250) | Azure | — |
| #1d8dfc | #1d8dfc | RGB(29, 141, 252) | Dodger Blue | — |
| #0564d2 | #0564d2 | RGB(5, 100, 210) | True Blue | — |
| #8c8c8c | #8c8c8c | RGB(140, 140, 140) | Philippine Gray | Gray55 |
| #cad4da | #cad4da | RGB(202, 212, 218) | Columbia Blue | — |
| #3c3c3c | #3c3c3c | RGB(60, 60, 60) | Black Olive | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#0c7efa | #1d8dfc | 1.16 |
#0c7efa | #0564d2 | 1.43 |
#0c7efa | #8c8c8c | 1.16 |
#1d8dfc | #0564d2 | 1.66 |
#1d8dfc | #8c8c8c | 1 |
#0564d2 | #8c8c8c | 1.66 |
Image palette Ui web design palette png
Export Palette
Download the "Ui web design palette" in multiple formats for seamless integration into your design projects.
Available formats: