Generate Palette
  1. Color Palettes
  2. Web Component Interaction Layer

Web Component Interaction Layer

  • Elemental Blue
    #4285f4
  • Container Cream
    #fff9f0
  • Focus Lime
    #c0ff00
  • Render Charcoal
    #2a2a2a
  • Slot Blush
    #ffb5c2
  • Event Gray
    #dcdcdc
  6
Created at 07/08/2025 08:16
bycolorslib
The palette consists of Light, Dark colors. Accent colors Elemental Blue #4285f4 and Container Cream #fff9f0. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #2A2A2A (darkest) to #FFF9F0 (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.

Overall temperature among swatches leans warm (2 of 6).

HEX codes (sorted): #2A2A2A, #4285F4, #C0FF00, #DCDCDC, #FFB5C2, #FFF9F0

Palette Web Component Interaction Layer combines 6 color codes:
HEX: #4285f4, RGB: (66, 133, 244); HEX: #fff9f0, RGB: (255, 249, 240); HEX: #c0ff00, RGB: (192, 255, 0)
HEX: #2a2a2a, RGB: (42, 42, 42); HEX: #ffb5c2, RGB: (255, 181, 194); HEX: #dcdcdc, RGB: (220, 220, 220)
Simplified version of palette colors
Tint of Dodger Blue, Shade of Floral White, Tint of Green Yellow, Tint of Black, Shade of Light Pink, Gainsboro
Color scheme was created by colorslib

Color codes in palette

Web Component Interaction Layer color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#4285f4#4285f4RGB(66, 133, 244)Elemental Blue—
#fff9f0#fff9f0RGB(255, 249, 240)Container Cream—
#c0ff00#c0ff00RGB(192, 255, 0)Focus LimeFrench Lime
#2a2a2a#2a2a2aRGB(42, 42, 42)Render CharcoalThe End
#ffb5c2#ffb5c2RGB(255, 181, 194)Slot Blush—
#dcdcdc#dcdcdcRGB(220, 220, 220)Event GrayGainsboro

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#fff9f0
#c0ff00
1.14
#fff9f0
#ffb5c2
1.58
#fff9f0
#dcdcdc
1.3
#c0ff00
#ffb5c2
1.38
#c0ff00
#dcdcdc
1.14
#ffb5c2
#dcdcdc
1.21

Image palette Web Component Interaction Layer png

Web Component Interaction Layer color palette: Elemental Blue, Container Cream, Focus Lime, Render Charcoal, Slot Blush
 Download image