Created at 06/09/2023 00:24
Elixir UI - extended
Red
#f43143
Orange
#fd7722
Yellow
#feb800
Green
#01be5e
Blue
#088ce4
Violet
#7a50f0
Purple
#a938bc
Pink
#e6518f
Gray
#455d75
Dark
#374457
Dark-hover
#52657c
Light
#cad3e0
Light-hover
#fffeff
The palette consists of Semi dark, Light colors. Accent colors Green #01be5e and Light-hover #fffeff. Palette has Warm, Cool, Neutral colors temperature.
Palette Elixir UI - extended has combination of 13 codes colors:
HEX: #f43143, RGB: (244, 49, 67); HEX: #fd7722, RGB: (253, 119, 34); HEX: #feb800, RGB: (254, 184, 0)
HEX: #01be5e, RGB: (1, 190, 94); HEX: #088ce4, RGB: (8, 140, 228); HEX: #7a50f0, RGB: (122, 80, 240)
HEX: #a938bc, RGB: (169, 56, 188); HEX: #e6518f, RGB: (230, 81, 143); HEX: #455d75, RGB: (69, 93, 117)
HEX: #374457, RGB: (55, 68, 87); HEX: #52657c, RGB: (82, 101, 124); HEX: #cad3e0, RGB: (202, 211, 224)
HEX: #fffeff, RGB: (255, 254, 255)
Simplified version of palette colors
Shade of crimson, Tint of coral, Shade of Orange, Tint of mediumseagreen, Tint of dodgerblue, Shade of slateblue, Shade of darkorchid, Shade of deeppink, Tint of slateblue, Tint of darkslateblue, Tint of slategrey, Tint of lightgrey, Tint of White
Color scheme was created by FoXcodeZ
Colors codes in palette
Elixir UI - extended color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f43143 | RGB(244, 49, 67) | Red | — | |
| #fd7722 | RGB(253, 119, 34) | Orange | — | |
| #feb800 | RGB(254, 184, 0) | Yellow | — | |
| #01be5e | RGB(1, 190, 94) | Green | — | |
| #088ce4 | RGB(8, 140, 228) | Blue | — | |
| #7a50f0 | RGB(122, 80, 240) | Violet | — | |
| #a938bc | RGB(169, 56, 188) | Purple | — | |
| #e6518f | RGB(230, 81, 143) | Pink | — | |
| #455d75 | RGB(69, 93, 117) | Gray | — | |
| #374457 | RGB(55, 68, 87) | Dark | — | |
| #52657c | RGB(82, 101, 124) | Dark-hover | — | |
| #cad3e0 | RGB(202, 211, 224) | Light | — | |
| #fffeff | RGB(255, 254, 255) | Light-hover | — |
Color Palette Contrast
41 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f43143 | #fd7722 | 1.46 |
#f43143 | #01be5e | 1.58 |
#f43143 | #088ce4 | 1.09 |
#f43143 | #7a50f0 | 1.26 |
#f43143 | #a938bc | 1.34 |
#f43143 | #e6518f | 1.1 |
