Generate Palette
  1. Color Palettes
  2. AI-Powered UI Component Library

AI-Powered UI Component Library

  • Neuron Blue
    #3a86ff
  • Token Beige
    #fff5e1
  • Layer Graphite
    #444444
  • Inference Pink
    #ff8ba7
  • Render White
    #fbfbfb
  • Pipeline Yellow
    #ffd166
  • Sync Teal
    #00c49a
  6
Created at 07/14/2025 07:47
bycolorscheme
The palette consists of Light, Semi dark colors. Accent colors Token Beige #fff5e1 and Sync Teal #00c49a. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #444444 (darkest) to #FBFBFB (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma) — 71% 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): #00C49A, #3A86FF, #444444, #FBFBFB, #FF8BA7, #FFD166, #FFF5E1

Palette AI-Powered UI Component Library combines 7 color codes:
HEX: #3a86ff, RGB: (58, 134, 255); HEX: #fff5e1, RGB: (255, 245, 225); HEX: #444444, RGB: (68, 68, 68)
HEX: #ff8ba7, RGB: (255, 139, 167); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #ffd166, RGB: (255, 209, 102)
HEX: #00c49a, RGB: (0, 196, 154)
Simplified version of palette colors
Tint of Dodger Blue, Tint of Old Lace, Shade of Dim Gray, Tint of Pale Violet Red, Shade of White, Tint of Gold, Shade of Medium Aquamarine
Color scheme was created by colorscheme

Color codes in palette

AI-Powered UI Component Library color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3a86ff #3a86ff RGB(58, 134, 255)Neuron Blue—
#fff5e1 #fff5e1 RGB(255, 245, 225)Token Beige—
#444444 #444444 RGB(68, 68, 68)Layer GraphiteGoshawk Grey
#ff8ba7 #ff8ba7 RGB(255, 139, 167)Inference Pink—
#fbfbfb #fbfbfb RGB(251, 251, 251)Render WhiteWhiteout
#ffd166 #ffd166 RGB(255, 209, 102)Pipeline Yellow—
#00c49a #00c49a RGB(0, 196, 154)Sync Teal—

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3a86ff
#ff8ba7
1.57
#3a86ff
#00c49a
1.55
#fff5e1
#fbfbfb
1.04
#fff5e1
#ffd166
1.33
#ff8ba7
#ffd166
1.53
#ff8ba7
#00c49a
1.01

Image palette AI-Powered UI Component Library png

AI-Powered UI Component Library color palette: Neuron Blue, Token Beige, Layer Graphite, Inference Pink, Render White
 Download image