Loading...
Created at 07/05/2025 12:38
Mobile UI Pattern Library
- Gesture Sand#f3eac2
- Touchpoint Violet#cbaacb
- Component Pink#ffcad4
- Viewport Graphite#292929
- Smooth Scroll Blue#a2d2ff
The palette consists of Light, Dark colors. Accent colors Component Pink #ffcad4 and Smooth Scroll Blue #a2d2ff. Palette has Warm, Neutral, Cool colors temperature.
By lightness, this palette runs from #292929 (darkest) to #FFCAD4 (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).
Most swatches read as neutral in color temperature.
HEX codes (sorted): #292929, #A2D2FF, #CBAACB, #F3EAC2, #FFCAD4
Palette Mobile UI Pattern Library has combination of 5 codes colors:
HEX: #f3eac2, RGB: (243, 234, 194); HEX: #cbaacb, RGB: (203, 170, 203); HEX: #ffcad4, RGB: (255, 202, 212)
HEX: #292929, RGB: (41, 41, 41); HEX: #a2d2ff, RGB: (162, 210, 255)
Simplified version of palette colors
Tint of lemonchiffon, Tint of thistle, Shade of Pink, Shade of Black, Shade of lightskyblue
Color scheme was created by colourlock
Colors codes in palette
Mobile UI Pattern Library color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f3eac2 | #f3eac2 | RGB(243, 234, 194) | Gesture Sand | — |
| #cbaacb | #cbaacb | RGB(203, 170, 203) | Touchpoint Violet | — |
| #ffcad4 | #ffcad4 | RGB(255, 202, 212) | Component Pink | — |
| #292929 | #292929 | RGB(41, 41, 41) | Viewport Graphite | Chromaphobic Black |
| #a2d2ff | #a2d2ff | RGB(162, 210, 255) | Smooth Scroll Blue | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f3eac2 | #cbaacb | 1.7 |
#f3eac2 | #ffcad4 | 1.18 |
#f3eac2 | #a2d2ff | 1.31 |
#cbaacb | #ffcad4 | 1.44 |
#cbaacb | #a2d2ff | 1.3 |
#ffcad4 | #a2d2ff | 1.11 |
Image palette Mobile UI Pattern Library png
Export Palette
Download the "Mobile UI Pattern Library" in multiple formats for seamless integration into your design projects.
Available formats: