Generate Palette
  1. Colors palettes
  2. Progressive Web App Interface Mesh
Created at 06/08/2025 14:47
bypalettespicker
  6

Progressive Web App Interface Mesh

  • Install Blue
    #00a8e8
  • Offline Clay
    #ececec
  • Manifest Coral
    #ff8c94
  • Touchpoint Green
    #a8e6cf
  • Viewport Shadow
    #2c2c2c
  • Push Notify Yellow
    #ffe066
  • Loading Mist
    #f7f7f7
The palette consists of Light, Dark colors. Accent colors Install Blue #00a8e8 and Push Notify Yellow #ffe066. Palette has Cool, Neutral, Warm colors temperature.

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

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #00A8E8, #2C2C2C, #A8E6CF, #ECECEC, #F7F7F7, #FF8C94, #FFE066

Palette Progressive Web App Interface Mesh has combination of 7 codes colors:
HEX: #00a8e8, RGB: (0, 168, 232); HEX: #ececec, RGB: (236, 236, 236); HEX: #ff8c94, RGB: (255, 140, 148)
HEX: #a8e6cf, RGB: (168, 230, 207); HEX: #2c2c2c, RGB: (44, 44, 44); HEX: #ffe066, RGB: (255, 224, 102)
HEX: #f7f7f7, RGB: (247, 247, 247)
Simplified version of palette colors
Tint of deepskyblue, Tint of whitesmoke, Shade of lightcoral, Tint of paleturquoise, Shade of Black, Shade of gold, Shade of whitesmoke
Color scheme was created by palettespicker

Colors codes in palette

Progressive Web App Interface Mesh color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#00a8e8 #00a8e8 RGB(0, 168, 232)Install Blue—
#ececec #ececec RGB(236, 236, 236)Offline Clay—
#ff8c94 #ff8c94 RGB(255, 140, 148)Manifest Coral—
#a8e6cf #a8e6cf RGB(168, 230, 207)Touchpoint Green—
#2c2c2c #2c2c2c RGB(44, 44, 44)Viewport Shadow—
#ffe066 #ffe066 RGB(255, 224, 102)Push Notify Yellow—
#f7f7f7 #f7f7f7 RGB(247, 247, 247)Loading MistLynx White

Color Palette Contrast

11 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#00a8e8
#ff8c94
1.21
#00a8e8
#a8e6cf
1.91
#ececec
#ff8c94
1.88
#ececec
#a8e6cf
1.19
#ececec
#ffe066
1.1
#ececec
#f7f7f7
1.1

Image palette Progressive Web App Interface Mesh png

Progressive Web App Interface Mesh - #551322
 Download image