Generate Palette
  1. Colors palettes
  2. Web Component Interaction Layer
Created at 07/08/2025 08:16
bycolorslib
  1

Web Component Interaction Layer

  • Elemental Blue
    #4285f4
  • Container Cream
    #fff9f0
  • Focus Lime
    #c0ff00
  • Render Charcoal
    #2a2a2a
  • Slot Blush
    #ffb5c2
  • Event Gray
    #dcdcdc
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).

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans warm.

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

Palette Web Component Interaction Layer has combination of 6 codes colors:
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
Shade of dodgerblue, Tint of floralwhite, Shade of greenyellow, Shade of Black, Tint of lightpink
Color scheme was created by colorslib

Colors codes in palette

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

Color HEX RGB Name Alternative name
#4285f4 #4285f4 RGB(66, 133, 244)Elemental Blue—
#fff9f0 #fff9f0 RGB(255, 249, 240)Container Cream—
#c0ff00 #c0ff00 RGB(192, 255, 0)Focus LimeFrench Lime
#2a2a2a #2a2a2a RGB(42, 42, 42)Render CharcoalThe End
#ffb5c2 #ffb5c2 RGB(255, 181, 194)Slot Blush—
#dcdcdc #dcdcdc RGB(220, 220, 220)Event GrayGainsboro

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast 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 - #554237
 Download image