Created at 06/26/2025 08:24
Web Components UI Machine
Slot Mauve
#c084fc
Shadow Jet
#1e1e1e
Trigger Pink
#f472b6
Property Ivory
#f9fafb
Data Green
#4ade80
Import Navy
#1e3a8a
Label Gray
#d1d5db
The palette consists of Light, Dark colors. Accent colors Slot Mauve #c084fc and Data Green #4ade80. Palette has Cool, Neutral, Warm colors temperature.
Palette Web Components UI Machine has combination of 7 codes colors:
HEX: #c084fc, RGB: (192, 132, 252); HEX: #1e1e1e, RGB: (30, 30, 30); HEX: #f472b6, RGB: (244, 114, 182)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #4ade80, RGB: (74, 222, 128); HEX: #1e3a8a, RGB: (30, 58, 138)
HEX: #d1d5db, RGB: (209, 213, 219)
Simplified version of palette colors
Tint of violet, Shade of Black, Shade of hotpink, Shade of whitesmoke, Shade of mediumspringgreen, Tint of darkslateblue, Shade of lightgrey
Color scheme was created by palettespicker
Colors codes in palette
Web Components UI Machine color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #c084fc | #c084fc | RGB(192, 132, 252) | Slot Mauve | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Shadow Jet | — |
| #f472b6 | #f472b6 | RGB(244, 114, 182) | Trigger Pink | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Property Ivory | — |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Data Green | — |
| #1e3a8a | #1e3a8a | RGB(30, 58, 138) | Import Navy | — |
| #d1d5db | #d1d5db | RGB(209, 213, 219) | Label Gray | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#c084fc | #f472b6 | 1 |
#c084fc | #4ade80 | 1.51 |
#c084fc | #d1d5db | 1.79 |
#1e1e1e | #1e3a8a | 1.6 |
#f472b6 | #4ade80 | 1.51 |
#f472b6 | #d1d5db | 1.79 |
