Created at 07/08/2025 20:20
Web Components Memory Atlas
- Framework Rose#f3c1c6
- Grid Blue#76c7f4
- Node Tan#eaddc0
- Action Teal#0099a8
- Snippet Graphite#2e2e2e
The palette consists of Light, Dark colors. Accent colors Framework Rose #f3c1c6 and Action Teal #0099a8. Palette has Neutral, Cool colors temperature.
By lightness, this palette runs from #2E2E2E (darkest) to #F3C1C6 (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).
Most swatches read as neutral in color temperature.
HEX codes (sorted): #0099A8, #2E2E2E, #76C7F4, #EADDC0, #F3C1C6
Palette Web Components Memory Atlas has combination of 5 codes colors:
HEX: #f3c1c6, RGB: (243, 193, 198); HEX: #76c7f4, RGB: (118, 199, 244); HEX: #eaddc0, RGB: (234, 221, 192)
HEX: #0099a8, RGB: (0, 153, 168); HEX: #2e2e2e, RGB: (46, 46, 46)
Simplified version of palette colors
Tint of Pink, Tint of lightskyblue, Tint of blanchedalmond, Tint of cadetblue, Shade of Black
Color scheme was created by colorday
Colors codes in palette
Web Components Memory Atlas color codes HEX, RGB information in table
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f3c1c6 | #76c7f4 | 1.17 |
#f3c1c6 | #eaddc0 | 1.17 |
#76c7f4 | #eaddc0 | 1.38 |
#76c7f4 | #0099a8 | 1.83 |
Image palette Web Components Memory Atlas png
Export Palette
Download the "Web Components Memory Atlas" in multiple formats for seamless integration into your design projects.
Available formats: