Loading...
Created at 03/22/2023 07:38
Design landing ux web palette
- Brick Red#c33f59
- Desert Sand#eabea1
- Antique Bronze#645a1b
- Camouflage Green#848c67
- Silver Pink#c6b3a2
- Olive Drab Camouflage#605136
The palette consists of Semi dark, Light colors. Accent colors Desert Sand #eabea1 and Antique Bronze #645a1b. Palette has Warm, Neutral colors temperature.
By lightness, this palette runs from #645A1B (darkest) to #EABEA1 (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 warm.
HEX codes (sorted): #605136, #645A1B, #848C67, #C33F59, #C6B3A2, #EABEA1
Palette Design landing ux web palette has combination of 6 codes colors:
HEX: #c33f59, RGB: (195, 63, 89); HEX: #eabea1, RGB: (234, 190, 161); HEX: #645a1b, RGB: (100, 90, 27)
HEX: #848c67, RGB: (132, 140, 103); HEX: #c6b3a2, RGB: (198, 179, 162); HEX: #605136, RGB: (96, 81, 54)
Simplified version of palette colors
Shade of crimson, Tint of peachpuff, Tint of darkolivegreen, Shade of olivedrab, Tint of tan, Tint of dimgrey
Color scheme was created by coolor
Colors codes in palette
Design landing ux web palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #c33f59 | #c33f59 | RGB(195, 63, 89) | Brick Red | — |
| #eabea1 | #eabea1 | RGB(234, 190, 161) | Desert Sand | — |
| #645a1b | #645a1b | RGB(100, 90, 27) | Antique Bronze | — |
| #848c67 | #848c67 | RGB(132, 140, 103) | Camouflage Green | — |
| #c6b3a2 | #c6b3a2 | RGB(198, 179, 162) | Silver Pink | — |
| #605136 | #605136 | RGB(96, 81, 54) | Olive Drab Camouflage | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#c33f59 | #645a1b | 1.38 |
#c33f59 | #848c67 | 1.41 |
#c33f59 | #605136 | 1.53 |
#eabea1 | #c6b3a2 | 1.19 |
#645a1b | #848c67 | 1.96 |
#645a1b | #605136 | 1.1 |
Image palette Design landing ux web palette png
Export Palette
Download the "Design landing ux web palette" in multiple formats for seamless integration into your design projects.
Available formats: