Loading...
Created at 04/18/2023 15:05
Hospitality layout ux transition palette
- Black#141414
- Powder Blue#b4dcdc
- Feldgrau#506450
- Gray#505050
- Outer Space#3c5050
- Columbia Blue#c8dcdc
The palette consists of Dark, Light, Semi dark colors. Accent colors Powder Blue #b4dcdc and Gray #505050. Palette has Neutral, Cool colors temperature.
By lightness, this palette runs from #141414 (darkest) to #C8DCDC (lightest). The lightness range is wide.
Overall saturation feels mostly muted (lower chroma).
Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.
Overall temperature among swatches leans cool.
HEX codes (sorted): #141414, #3C5050, #505050, #506450, #B4DCDC, #C8DCDC
Palette Hospitality layout ux transition palette has combination of 6 codes colors:
HEX: #141414, RGB: (20, 20, 20); HEX: #b4dcdc, RGB: (180, 220, 220); HEX: #506450, RGB: (80, 100, 80)
HEX: #505050, RGB: (80, 80, 80); HEX: #3c5050, RGB: (60, 80, 80); HEX: #c8dcdc, RGB: (200, 220, 220)
Simplified version of palette colors
Shade of Black, Tint of powderblue, Tint of darkolivegreen, Tint of dimgrey, Shade of darkslategrey, Shade of powderblue
Color scheme was created by raccoon
Colors codes in palette
Hospitality layout ux transition palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #b4dcdc | #b4dcdc | RGB(180, 220, 220) | Powder Blue | — |
| #506450 | #506450 | RGB(80, 100, 80) | Feldgrau | — |
| #505050 | #505050 | RGB(80, 80, 80) | Gray | Fiftieth Shade of Grey |
| #3c5050 | #3c5050 | RGB(60, 80, 80) | Outer Space | — |
| #c8dcdc | #c8dcdc | RGB(200, 220, 220) | Columbia Blue | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#b4dcdc | #c8dcdc | 1.03 |
#506450 | #505050 | 1.25 |
#506450 | #3c5050 | 1.33 |
#505050 | #3c5050 | 1.06 |
Image palette Hospitality layout ux transition palette png
Export Palette
Download the "Hospitality layout ux transition palette" in multiple formats for seamless integration into your design projects.
Available formats: