Created at 07/04/2025 09:51
Figma UX Wireframe Web
- Sketch Bone#f4f3ef
- Vector Steel#586579
- Layer Lilac#c3a6ff
- Canvas White#fafafa
- Hover Blue#3182ce
- Line Graphite#212121
The palette consists of Light, Semi dark, Dark colors. Accent colors Sketch Bone #f4f3ef and Layer Lilac #c3a6ff. Palette has Neutral, Cool colors temperature.
By lightness, this palette runs from #212121 (darkest) to #FAFAFA (lightest). The lightness range is wide.
Overall saturation feels mostly muted (lower 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): #212121, #3182CE, #586579, #C3A6FF, #F4F3EF, #FAFAFA
Palette Figma UX Wireframe Web has combination of 6 codes colors:
HEX: #f4f3ef, RGB: (244, 243, 239); HEX: #586579, RGB: (88, 101, 121); HEX: #c3a6ff, RGB: (195, 166, 255)
HEX: #fafafa, RGB: (250, 250, 250); HEX: #3182ce, RGB: (49, 130, 206); HEX: #212121, RGB: (33, 33, 33)
Simplified version of palette colors
Tint of whitesmoke, Tint of dimgrey, Tint of plum, Shade of whitesmoke, Tint of steelblue, Shade of Black
Color scheme was created by bad_colors
Colors codes in palette
Figma UX Wireframe Web color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f4f3ef | #f4f3ef | RGB(244, 243, 239) | Sketch Bone | — |
| #586579 | #586579 | RGB(88, 101, 121) | Vector Steel | — |
| #c3a6ff | #c3a6ff | RGB(195, 166, 255) | Layer Lilac | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Canvas White | Dr. White |
| #3182ce | #3182ce | RGB(49, 130, 206) | Hover Blue | — |
| #212121 | #212121 | RGB(33, 33, 33) | Line Graphite | Lead |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f4f3ef | #c3a6ff | 1.85 |
#f4f3ef | #fafafa | 1.06 |
#586579 | #3182ce | 1.46 |
#c3a6ff | #fafafa | 1.96 |
#c3a6ff | #3182ce | 1.95 |
Image palette Figma UX Wireframe Web png
Export Palette
Download the "Figma UX Wireframe Web" in multiple formats for seamless integration into your design projects.
Available formats: