Loading...
Created at 07/10/2025 08:52
Mobile First Interface Colors
- Touch Blue#0096c7
- Overlay Cotton#fefcf3
- Gesture Indigo#776bcc
- Focus Cream#fff8e1
- Popup Blush#ffc1cc
- Scrollbar Charcoal#2a2a2a
The palette consists of Light, Dark colors. Accent colors Touch Blue #0096c7 and Focus Cream #fff8e1. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #2A2A2A (darkest) to #FEFCF3 (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).
Overall temperature among swatches leans cool.
HEX codes (sorted): #0096C7, #2A2A2A, #776BCC, #FEFCF3, #FFC1CC, #FFF8E1
Palette Mobile First Interface Colors has combination of 6 codes colors:
HEX: #0096c7, RGB: (0, 150, 199); HEX: #fefcf3, RGB: (254, 252, 243); HEX: #776bcc, RGB: (119, 107, 204)
HEX: #fff8e1, RGB: (255, 248, 225); HEX: #ffc1cc, RGB: (255, 193, 204); HEX: #2a2a2a, RGB: (42, 42, 42)
Simplified version of palette colors
Tint of steelblue, Shade of floralwhite, Tint of mediumslateblue, Shade of cornsilk, Shade of Pink, Shade of Black
Color scheme was created by colourlock
Colors codes in palette
Mobile First Interface Colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #0096c7 | #0096c7 | RGB(0, 150, 199) | Touch Blue | — |
| #fefcf3 | #fefcf3 | RGB(254, 252, 243) | Overlay Cotton | — |
| #776bcc | #776bcc | RGB(119, 107, 204) | Gesture Indigo | — |
| #fff8e1 | #fff8e1 | RGB(255, 248, 225) | Focus Cream | Still Morning |
| #ffc1cc | #ffc1cc | RGB(255, 193, 204) | Popup Blush | Blobfish |
| #2a2a2a | #2a2a2a | RGB(42, 42, 42) | Scrollbar Charcoal | The End |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#0096c7 | #776bcc | 1.3 |
#fefcf3 | #fff8e1 | 1.03 |
#fefcf3 | #ffc1cc | 1.48 |
#fff8e1 | #ffc1cc | 1.43 |
Image palette Mobile First Interface Colors png
Export Palette
Download the "Mobile First Interface Colors" in multiple formats for seamless integration into your design projects.
Available formats: