Generate Palette
  1. Color Palettes
  2. Progressive Web App Interface Kit

Progressive Web App Interface Kit

  • Manifest Aqua
    #5ee2ff
  • Service Worker Grey
    #6b7280
  • Offline Peach
    #ffd6a5
  • Push Coral
    #ff6b6b
  • Splash White
    #f8fafc
  • Install Shadow
    #1f2937
  • Viewport Mint
    #d3f9d8
  1
Created at 06/13/2025 11:46
bypalettespicker
The palette consists of Light, Semi dark, Dark colors. Accent colors Manifest Aqua #5ee2ff and Offline Peach #ffd6a5. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #1F2937 (darkest) to #F8FAFC (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma) — 57% 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 cool (3 of 7).

HEX codes (sorted): #1F2937, #5EE2FF, #6B7280, #D3F9D8, #F8FAFC, #FF6B6B, #FFD6A5

Palette Progressive Web App Interface Kit combines 7 color codes:
HEX: #5ee2ff, RGB: (94, 226, 255); HEX: #6b7280, RGB: (107, 114, 128); HEX: #ffd6a5, RGB: (255, 214, 165)
HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #f8fafc, RGB: (248, 250, 252); HEX: #1f2937, RGB: (31, 41, 55)
HEX: #d3f9d8, RGB: (211, 249, 216)
Simplified version of palette colors
Tint of Sky Blue, Shade of Slate Gray, Shade of Navajo White, Shade of Salmon, Tint of White Smoke, Tint of Black, Shade of Honeydew
Color scheme was created by palettespicker

Color codes in palette

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

Color HEX RGB Name Alternative name
#5ee2ff #5ee2ff RGB(94, 226, 255)Manifest Aqua—
#6b7280 #6b7280 RGB(107, 114, 128)Service Worker Grey—
#ffd6a5 #ffd6a5 RGB(255, 214, 165)Offline Peach—
#ff6b6b #ff6b6b RGB(255, 107, 107)Push Coral—
#f8fafc #f8fafc RGB(248, 250, 252)Splash White—
#1f2937 #1f2937 RGB(31, 41, 55)Install Shadow—
#d3f9d8 #d3f9d8 RGB(211, 249, 216)Viewport Mint—

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#5ee2ff
#ffd6a5
1.11
#5ee2ff
#ff6b6b
1.82
#5ee2ff
#f8fafc
1.45
#5ee2ff
#d3f9d8
1.32
#6b7280
#ff6b6b
1.74
#ffd6a5
#f8fafc
1.3

Image palette Progressive Web App Interface Kit png

Progressive Web App Interface Kit - #552090
 Download image