Progressive Web Application Matrix
- Manifest Violet#a78bfa
- Install Prompt Teal#2dd4bf
- Service Worker Gray#94a3b8
- Offline Mode Cream#fef9c3
- Push Notification Coral#fb7185
- Sync Cloud Blue#60a5fa
- Shell UI White#f8fafc
Created at 07/19/2025 07:28
The palette consists of Light colors. Accent colors Offline Mode Cream #fef9c3 and Sync Cloud Blue #60a5fa. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #A78BFA (darkest) to #F8FAFC (lightest). The lightness range is moderate.
Overall saturation feels vivid (higher chroma) — 71% 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 (4 of 7).
HEX codes (sorted): #2DD4BF, #60A5FA, #94A3B8, #A78BFA, #F8FAFC, #FB7185, #FEF9C3
Palette Progressive Web Application Matrix combines 7 color codes:
HEX: #a78bfa, RGB: (167, 139, 250); HEX: #2dd4bf, RGB: (45, 212, 191); HEX: #94a3b8, RGB: (148, 163, 184)
HEX: #fef9c3, RGB: (254, 249, 195); HEX: #fb7185, RGB: (251, 113, 133); HEX: #60a5fa, RGB: (96, 165, 250)
HEX: #f8fafc, RGB: (248, 250, 252)
Simplified version of palette colors
Tint of Medium Purple, Shade of Turquoise, Tint of Light Slate Gray, Shade of Lemon Chiffon, Shade of Light Coral, Tint of Cornflower Blue, Tint of White Smoke
Color scheme was created by colorday
Color codes in palette
Progressive Web Application Matrix color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #a78bfa | #a78bfa | RGB(167, 139, 250) | Manifest Violet | — |
| #2dd4bf | #2dd4bf | RGB(45, 212, 191) | Install Prompt Teal | — |
| #94a3b8 | #94a3b8 | RGB(148, 163, 184) | Service Worker Gray | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Offline Mode Cream | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Push Notification Coral | — |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Sync Cloud Blue | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Shell UI White | — |
Color Palette Contrast
13 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#a78bfa | #2dd4bf | 1.46 |
#a78bfa | #94a3b8 | 1.06 |
#a78bfa | #fb7185 | 1.01 |
#a78bfa | #60a5fa | 1.07 |
#2dd4bf | #94a3b8 | 1.37 |
#2dd4bf | #fef9c3 | 1.73 |
Image palette Progressive Web Application Matrix png
Export Palette
Download the "Progressive Web Application Matrix" in multiple formats for seamless integration into your design projects.
Available formats: