Created at 06/14/2025 19:45
Generative UI Component Library
- Variant Peach#ffd6a5
- Instance Indigo#a0a4f6
- Override Rose#ff8aae
- Symbol Slate#2e2e2e
- Render Cloud#ececec
- Style Token Blue#7bdff2
The palette consists of Light, Dark colors. Accent colors Variant Peach #ffd6a5 and Instance Indigo #a0a4f6. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #2E2E2E (darkest) to #ECECEC (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).
Warm and cool swatches are fairly balanced.
HEX codes (sorted): #2E2E2E, #7BDFF2, #A0A4F6, #ECECEC, #FF8AAE, #FFD6A5
Palette Generative UI Component Library has combination of 6 codes colors:
HEX: #ffd6a5, RGB: (255, 214, 165); HEX: #a0a4f6, RGB: (160, 164, 246); HEX: #ff8aae, RGB: (255, 138, 174)
HEX: #2e2e2e, RGB: (46, 46, 46); HEX: #ececec, RGB: (236, 236, 236); HEX: #7bdff2, RGB: (123, 223, 242)
Simplified version of palette colors
Tint of navajowhite, Tint of lightsteelblue, Shade of palevioletred, Shade of Black, Tint of whitesmoke, Shade of skyblue
Color scheme was created by colorstudio
Colors codes in palette
Generative UI Component Library color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ffd6a5 | #ffd6a5 | RGB(255, 214, 165) | Variant Peach | — |
| #a0a4f6 | #a0a4f6 | RGB(160, 164, 246) | Instance Indigo | — |
| #ff8aae | #ff8aae | RGB(255, 138, 174) | Override Rose | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Symbol Slate | Carbon Fiber |
| #ececec | #ececec | RGB(236, 236, 236) | Render Cloud | — |
| #7bdff2 | #7bdff2 | RGB(123, 223, 242) | Style Token Blue | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ffd6a5 | #a0a4f6 | 1.68 |
#ffd6a5 | #ff8aae | 1.62 |
#ffd6a5 | #ececec | 1.15 |
#ffd6a5 | #7bdff2 | 1.12 |
#a0a4f6 | #ff8aae | 1.03 |
#a0a4f6 | #ececec | 1.94 |
Image palette Generative UI Component Library png
Export Palette
Download the "Generative UI Component Library" in multiple formats for seamless integration into your design projects.
Available formats: