Generate Palette
  1. Color Palettes
  2. Progressive Web App Shell UI
Created at 07/08/2025 08:26
bycolourlock
  16

Progressive Web App Shell UI

  • Offline Gold
    #ffcb47
  • Service Worker Gray
    #4a4a4a
  • Install White
    #ffffff
  • Manifest Blue
    #40a2d8
  • Load Peach
    #ffd6ba
The palette consists of Light, Semi dark colors. Accent colors Manifest Blue #40a2d8 and Load Peach #ffd6ba. Palette has Warm, Neutral, Cool colors temperature.

By lightness, this palette runs from #4A4A4A (darkest) to #FFFFFF (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma) — 60% 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 5).

HEX codes (sorted): #40A2D8, #4A4A4A, #FFCB47, #FFD6BA, #FFFFFF

Palette Progressive Web App Shell UI combines 5 color codes:
HEX: #ffcb47, RGB: (255, 203, 71); HEX: #4a4a4a, RGB: (74, 74, 74); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #40a2d8, RGB: (64, 162, 216); HEX: #ffd6ba, RGB: (255, 214, 186)
Simplified version of palette colors
Tint of gold, Shade of dimgrey, White, Shade of deepskyblue, Shade of peachpuff
Color scheme was created by colourlock

Color codes in palette

Progressive Web App Shell UI color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ffcb47 #ffcb47 RGB(255, 203, 71)Offline Gold—
#4a4a4a #4a4a4a RGB(74, 74, 74)Service Worker GrayGray29
#ffffff #ffffff RGB(255, 255, 255)Install WhiteWhite
#40a2d8 #40a2d8 RGB(64, 162, 216)Manifest Blue—
#ffd6ba #ffd6ba RGB(255, 214, 186)Load Peach—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ffcb47
#ffffff
1.51
#ffcb47
#40a2d8
1.88
#ffcb47
#ffd6ba
1.12
#ffffff
#ffd6ba
1.34

Image palette Progressive Web App Shell UI png

Progressive Web App Shell UI - #554263
 Download image