Created at 07/11/2025 13:21
Mobile Adaptive Grid Theme
- Screen Resize Yellow#fff275
- Tap Grey#e0e0e0
- Gesture Coral#ff6b6b
- Background Sky White#f8fafc
- Breakpoints Blue#61a5c2
- Container Navy#2b2d42
The palette consists of Light, Dark colors. Accent colors Screen Resize Yellow #fff275 and Breakpoints Blue #61a5c2. Palette has Warm, Neutral, Cool colors temperature.
By lightness, this palette runs from #2B2D42 (darkest) to #F8FAFC (lightest). The lightness range is wide.
Saturation is mixed — some muted swatches and some vivid accents.
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): #2B2D42, #61A5C2, #E0E0E0, #F8FAFC, #FF6B6B, #FFF275
Palette Mobile Adaptive Grid Theme has combination of 6 codes colors:
HEX: #fff275, RGB: (255, 242, 117); HEX: #e0e0e0, RGB: (224, 224, 224); HEX: #ff6b6b, RGB: (255, 107, 107)
HEX: #f8fafc, RGB: (248, 250, 252); HEX: #61a5c2, RGB: (97, 165, 194); HEX: #2b2d42, RGB: (43, 45, 66)
Simplified version of palette colors
Shade of Khaki, Shade of gainsboro, Tint of salmon, Shade of whitesmoke, Shade of deepskyblue, Shade of midnightblue
Color scheme was created by bad_colors
Colors codes in palette
Mobile Adaptive Grid Theme color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #fff275 | #fff275 | RGB(255, 242, 117) | Screen Resize Yellow | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Tap Grey | Gray88 |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Gesture Coral | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Background Sky White | — |
| #61a5c2 | #61a5c2 | RGB(97, 165, 194) | Breakpoints Blue | — |
| #2b2d42 | #2b2d42 | RGB(43, 45, 66) | Container Navy | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#fff275 | #e0e0e0 | 1.14 |
#fff275 | #f8fafc | 1.1 |
#e0e0e0 | #f8fafc | 1.26 |
#ff6b6b | #61a5c2 | 1.01 |
Image palette Mobile Adaptive Grid Theme png
Export Palette
Download the "Mobile Adaptive Grid Theme" in multiple formats for seamless integration into your design projects.
Available formats: