Created at 02/13/2022 17:38
Web design ui colours
- Brass#b69a48
- Isabelline#f7f4eb
- Dark Brown#5e5025
- Gray (HTML/CSS Gray)#7c8484
- Pale Silver#c4c4b4
- Outer Space#3e5048
The palette consists of Light colors. Accent colors Dark Brown #5e5025 and Gray (HTML/CSS Gray) #7c8484. Palette has Warm, Neutral, Cool colors temperature.
By lightness, this palette runs from #5E5025 (darkest) to #F7F4EB (lightest). The lightness range is wide.
Saturation sits in a moderate mid-range.
Hues sit in a neighboring band on the wheel (loose heuristic).
Warm and cool swatches are fairly balanced.
HEX codes (sorted): #3E5048, #5E5025, #7C8484, #B69A48, #C4C4B4, #F7F4EB
Palette Web design ui colours has combination of 6 codes colors:
HEX: #b69a48, RGB: (182, 154, 72); HEX: #f7f4eb, RGB: (247, 244, 235); HEX: #5e5025, RGB: (94, 80, 37)
HEX: #7c8484, RGB: (124, 132, 132); HEX: #c4c4b4, RGB: (196, 196, 180); HEX: #3e5048, RGB: (62, 80, 72)
Simplified version of palette colors
Shade of darkgoldenrod, Tint of floralwhite, Tint of darkolivegreen, Shade of Grey, Shade of Silver, Shade of darkslategrey
Color scheme was created by colorswall
Colors codes in palette
Web design ui colours color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #b69a48 | #b69a48 | RGB(182, 154, 72) | Brass | — |
| #f7f4eb | #f7f4eb | RGB(247, 244, 235) | Isabelline | — |
| #5e5025 | #5e5025 | RGB(94, 80, 37) | Dark Brown | — |
| #7c8484 | #7c8484 | RGB(124, 132, 132) | Gray (HTML/CSS Gray) | — |
| #c4c4b4 | #c4c4b4 | RGB(196, 196, 180) | Pale Silver | — |
| #3e5048 | #3e5048 | RGB(62, 80, 72) | Outer Space | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#b69a48 | #7c8484 | 1.4 |
#b69a48 | #c4c4b4 | 1.54 |
#f7f4eb | #c4c4b4 | 1.6 |
#5e5025 | #3e5048 | 1.08 |
Image palette Web design ui colours png
Export Palette
Download the "Web design ui colours" in multiple formats for seamless integration into your design projects.
Available formats: