Created at 07/08/2025 08:16
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.
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, gainsboro
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 Lime | French Lime |
| #2a2a2a | #2a2a2a | RGB(42, 42, 42) | Render Charcoal | The End |
| #ffb5c2 | #ffb5c2 | RGB(255, 181, 194) | Slot Blush | — |
| #dcdcdc | #dcdcdc | RGB(220, 220, 220) | Event Gray | Gainsboro |
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 |
