Generate Palette
  1. Color Palettes
  2. React Component UI Layer

React Component UI Layer

  • Virtual Mint
    #a0f1c2
  • Hooked Sky
    #5ac8fa
  • Component Graphite
    #3a3a3a
  • DOM Peach
    #ffb997
  • Render Canvas
    #ffffff
  • Shadow Gray Stack
    #9e9e9e
  • Hot Reload Orange
    #ffa726
  31
Created at 07/07/2025 17:05
bycolorday
The palette consists of Light, Semi dark colors. Accent colors Hooked Sky #5ac8fa and DOM Peach #ffb997. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #3A3A3A (darkest) to #FFFFFF (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma) — 57% 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): #3A3A3A, #5AC8FA, #9E9E9E, #A0F1C2, #FFA726, #FFB997, #FFFFFF

Palette React Component UI Layer combines 7 color codes:
HEX: #a0f1c2, RGB: (160, 241, 194); HEX: #5ac8fa, RGB: (90, 200, 250); HEX: #3a3a3a, RGB: (58, 58, 58)
HEX: #ffb997, RGB: (255, 185, 151); HEX: #ffffff, RGB: (255, 255, 255); HEX: #9e9e9e, RGB: (158, 158, 158)
HEX: #ffa726, RGB: (255, 167, 38)
Simplified version of palette colors
Shade of Aquamarine, Tint of Deep Sky Blue, Shade of Dark Slate Gray, Tint of Light Salmon, White, Shade of Dark Gray, Tint of Orange
Color scheme was created by colorday

Color codes in palette

React Component UI Layer color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#a0f1c2#a0f1c2RGB(160, 241, 194)Virtual Mint—
#5ac8fa#5ac8faRGB(90, 200, 250)Hooked Sky—
#3a3a3a#3a3a3aRGB(58, 58, 58)Component Graphite—
#ffb997#ffb997RGB(255, 185, 151)DOM Peach—
#ffffff#ffffffRGB(255, 255, 255)Render CanvasWhite
#9e9e9e#9e9e9eRGB(158, 158, 158)Shadow Gray StackGray62
#ffa726#ffa726RGB(255, 167, 38)Hot Reload Orange—

Color Palette Contrast

13 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#a0f1c2
#5ac8fa
1.43
#a0f1c2
#ffb997
1.25
#a0f1c2
#ffffff
1.32
#a0f1c2
#ffa726
1.46
#5ac8fa
#ffb997
1.14
#5ac8fa
#ffffff
1.89

Image palette React Component UI Layer png

React Component UI Layer color palette: Virtual Mint, Hooked Sky, Component Graphite, DOM Peach, Render Canvas
 Download image