Created at 06/09/2025 17:11
AI Web Component Kit
- Hyperlink Indigo#4b0082
- Node Graph Green#33cc99
- Semantic Sky#87cefa
- Markup Rose#f08080
- Data Slate Gray#708090
- React Whiteboard#f5f5f5
- Contrast Night#111111
The palette consists of Dark, Light colors. Accent colors Hyperlink Indigo #4b0082 and Semantic Sky #87cefa. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #111111 (darkest) to #F5F5F5 (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): #111111, #33CC99, #4B0082, #708090, #87CEFA, #F08080, #F5F5F5
Palette AI Web Component Kit has combination of 7 codes colors:
HEX: #4b0082, RGB: (75, 0, 130); HEX: #33cc99, RGB: (51, 204, 153); HEX: #87cefa, RGB: (135, 206, 250)
HEX: #f08080, RGB: (240, 128, 128); HEX: #708090, RGB: (112, 128, 144); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #111111, RGB: (17, 17, 17)
Simplified version of palette colors
Tint of mediumaquamarine, Shade of Black
Color scheme was created by bad_colors
Colors codes in palette
AI Web Component Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #4b0082 | #4b0082 | RGB(75, 0, 130) | Hyperlink Indigo | Indigo |
| #33cc99 | #33cc99 | RGB(51, 204, 153) | Node Graph Green | Dark Shamrock |
| #87cefa | #87cefa | RGB(135, 206, 250) | Semantic Sky | Drift on the Sea |
| #f08080 | #f08080 | RGB(240, 128, 128) | Markup Rose | Meat |
| #708090 | #708090 | RGB(112, 128, 144) | Data Slate Gray | Chain Gang Grey |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | React Whiteboard | White Smoke |
| #111111 | #111111 | RGB(17, 17, 17) | Contrast Night | Dreamless Sleep |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#4b0082 | #111111 | 1.45 |
#33cc99 | #87cefa | 1.19 |
#33cc99 | #f08080 | 1.26 |
#33cc99 | #708090 | 1.97 |
#33cc99 | #f5f5f5 | 1.88 |
#87cefa | #f08080 | 1.51 |
Image palette AI Web Component Kit png
Export Palette
Download the "AI Web Component Kit" in multiple formats for seamless integration into your design projects.
Available formats: