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.
By lightness, this palette runs from #1E1E1E (darkest) to #F9FAFB (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #1E1E1E, #1E3A8A, #4ADE80, #C084FC, #D1D5DB, #F472B6, #F9FAFB
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 |
Image palette Web Components UI Machine png
Export Palette
Download the "Web Components UI Machine" in multiple formats for seamless integration into your design projects.
Available formats: