Loading...
Created at 11/15/2022 16:55
Animated transition gif ux landing page palette
- Persian Red#d02c34
- Light Coral#ea7a84
- Chocolate Cosmos#611424
- UCLA Blue#4c5c95
- Tan#d2ac99
- Brown Coffee#4d233a
The palette consists of Light, Dark, Semi dark colors. Accent colors Light Coral #ea7a84 and UCLA Blue #4c5c95. Palette has Warm, Cool colors temperature.
By lightness, this palette runs from #4D233A (darkest) to #D2AC99 (lightest). The lightness range is moderate.
Saturation sits in a moderate mid-range.
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): #4C5C95, #4D233A, #611424, #D02C34, #D2AC99, #EA7A84
Palette Animated transition gif ux landing page palette has combination of 6 codes colors:
HEX: #d02c34, RGB: (208, 44, 52); HEX: #ea7a84, RGB: (234, 122, 132); HEX: #611424, RGB: (97, 20, 36)
HEX: #4c5c95, RGB: (76, 92, 149); HEX: #d2ac99, RGB: (210, 172, 153); HEX: #4d233a, RGB: (77, 35, 58)
Simplified version of palette colors
Shade of crimson, Tint of lightcoral, Shade of Maroon, Shade of darkslateblue, Tint of tan, Tint of Purple
Color scheme was created by palettespicker
Colors codes in palette
Animated transition gif ux landing page palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #d02c34 | #d02c34 | RGB(208, 44, 52) | Persian Red | — |
| #ea7a84 | #ea7a84 | RGB(234, 122, 132) | Light Coral | — |
| #611424 | #611424 | RGB(97, 20, 36) | Chocolate Cosmos | — |
| #4c5c95 | #4c5c95 | RGB(76, 92, 149) | UCLA Blue | — |
| #d2ac99 | #d2ac99 | RGB(210, 172, 153) | Tan | — |
| #4d233a | #4d233a | RGB(77, 35, 58) | Brown Coffee | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#d02c34 | #ea7a84 | 1.86 |
#d02c34 | #4c5c95 | 1.25 |
#ea7a84 | #d2ac99 | 1.32 |
#611424 | #4d233a | 1.01 |
Image palette Animated transition gif ux landing page palette png
Export Palette
Download the "Animated transition gif ux landing page palette" in multiple formats for seamless integration into your design projects.
Available formats: