Generate Palette
  1. Color Palettes
  2. Generative UI Component Library

Generative UI Component Library

  • Variant Peach
    #ffd6a5
  • Instance Indigo
    #a0a4f6
  • Override Rose
    #ff8aae
  • Symbol Slate
    #2e2e2e
  • Render Cloud
    #ececec
  • Style Token Blue
    #7bdff2
  11
Created at 06/14/2025 19:45
bycolorstudio
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) — 67% of colors are vivid.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Warm and cool swatches are fairly balanced (2 warm, 2 cool).

HEX codes (sorted): #2E2E2E, #7BDFF2, #A0A4F6, #ECECEC, #FF8AAE, #FFD6A5

Palette Generative UI Component Library combines 6 color codes:
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
Shade of Navajo White, Shade of Light Steel Blue, Tint of Pale Violet Red, Tint of Black, Shade of White Smoke, Tint of Sky Blue
Color scheme was created by colorstudio

Color codes in palette

Generative UI Component Library color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#ffd6a5#ffd6a5RGB(255, 214, 165)Variant Peach—
#a0a4f6#a0a4f6RGB(160, 164, 246)Instance Indigo—
#ff8aae#ff8aaeRGB(255, 138, 174)Override Rose—
#2e2e2e#2e2e2eRGB(46, 46, 46)Symbol SlateCarbon Fiber
#ececec#ecececRGB(236, 236, 236)Render Cloud—
#7bdff2#7bdff2RGB(123, 223, 242)Style Token Blue—

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast 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

Generative UI Component Library color palette: Variant Peach, Instance Indigo, Override Rose, Symbol Slate, Render Cloud
 Download image