Created at 12/26/2022 12:01
User interface ui web design colours
- New Car#1c54dc
- Jordy Blue#84acf4
- Catalina Blue#0e2c75
- Ocean Green#54b484
- Lavender Gray#bfc6d1
- Jacarta#3e344e
The palette consists of Semi dark, Light, Dark colors. Accent colors Jordy Blue #84acf4 and Catalina Blue #0e2c75. Palette has Cool colors temperature.
By lightness, this palette runs from #3E344E (darkest) to #BFC6D1 (lightest). The lightness range is moderate.
Saturation is mixed — some muted swatches and some vivid accents.
Hues sit in a neighboring band on the wheel (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #0E2C75, #1C54DC, #3E344E, #54B484, #84ACF4, #BFC6D1
Palette User interface ui web design colours has combination of 6 codes colors:
HEX: #1c54dc, RGB: (28, 84, 220); HEX: #84acf4, RGB: (132, 172, 244); HEX: #0e2c75, RGB: (14, 44, 117)
HEX: #54b484, RGB: (84, 180, 132); HEX: #bfc6d1, RGB: (191, 198, 209); HEX: #3e344e, RGB: (62, 52, 78)
Simplified version of palette colors
Tint of royalblue, Shade of cornflowerblue, Shade of midnightblue, Shade of mediumseagreen, Shade of Silver, Tint of darkslateblue
Color scheme was created by raccoon
Colors codes in palette
User interface ui web design colours color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #1c54dc | #1c54dc | RGB(28, 84, 220) | New Car | — |
| #84acf4 | #84acf4 | RGB(132, 172, 244) | Jordy Blue | — |
| #0e2c75 | #0e2c75 | RGB(14, 44, 117) | Catalina Blue | — |
| #54b484 | #54b484 | RGB(84, 180, 132) | Ocean Green | — |
| #bfc6d1 | #bfc6d1 | RGB(191, 198, 209) | Lavender Gray | — |
| #3e344e | #3e344e | RGB(62, 52, 78) | Jacarta | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#1c54dc | #3e344e | 1.85 |
#84acf4 | #54b484 | 1.11 |
#84acf4 | #bfc6d1 | 1.32 |
#0e2c75 | #3e344e | 1.1 |
#54b484 | #bfc6d1 | 1.48 |
Image palette User interface ui web design colours png
Export Palette
Download the "User interface ui web design colours" in multiple formats for seamless integration into your design projects.
Available formats: