Created at 11/17/2022 22:18
Design graphic ui website colors
- Pastel Orange#fcbc43
- Topaz#fccc74
- Dark Brown#654824
- Dark Blue-Gray#67609c
- Silver Pink#ccb6b0
- Caput Mortuum#5c282f
The palette consists of Light colors. Accent colors Pastel Orange #fcbc43 and Dark Blue-Gray #67609c. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #5C282F (darkest) to #CCB6B0 (lightest). The lightness range is moderate.
Saturation is mixed — some muted swatches and some vivid accents.
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans warm.
HEX codes (sorted): #5C282F, #654824, #67609C, #CCB6B0, #FCBC43, #FCCC74
Palette Design graphic ui website colors has combination of 6 codes colors:
HEX: #fcbc43, RGB: (252, 188, 67); HEX: #fccc74, RGB: (252, 204, 116); HEX: #654824, RGB: (101, 72, 36)
HEX: #67609c, RGB: (103, 96, 156); HEX: #ccb6b0, RGB: (204, 182, 176); HEX: #5c282f, RGB: (92, 40, 47)
Simplified version of palette colors
Shade of goldenrod, Tint of navajowhite, Tint of saddlebrown, Tint of slateblue, Tint of Silver, Shade of Maroon
Color scheme was created by hex
Colors codes in palette
Design graphic ui website colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #fcbc43 | #fcbc43 | RGB(252, 188, 67) | Pastel Orange | — |
| #fccc74 | #fccc74 | RGB(252, 204, 116) | Topaz | — |
| #654824 | #654824 | RGB(101, 72, 36) | Dark Brown | — |
| #67609c | #67609c | RGB(103, 96, 156) | Dark Blue-Gray | — |
| #ccb6b0 | #ccb6b0 | RGB(204, 182, 176) | Silver Pink | — |
| #5c282f | #5c282f | RGB(92, 40, 47) | Caput Mortuum | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#fcbc43 | #fccc74 | 1.13 |
#fcbc43 | #ccb6b0 | 1.14 |
#fccc74 | #ccb6b0 | 1.28 |
#654824 | #67609c | 1.48 |
#654824 | #5c282f | 1.39 |
Image palette Design graphic ui website colors png
Export Palette
Download the "Design graphic ui website colors" in multiple formats for seamless integration into your design projects.
Available formats: