Created at 11/22/2022 19:56
Admin figma web app user interface design colors
- Han Blue#3b6cce
- Cornflower Blue#6899e4
- Indigo (Rainbow)#1a356a
- Shadow#8c8464
- Dark Vanilla#c4c4ac
- Charcoal#333c4c
The palette consists of Light colors. Accent colors Cornflower Blue #6899e4 and Dark Vanilla #c4c4ac. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #333C4C (darkest) to #C4C4AC (lightest). The lightness range is moderate.
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).
Overall temperature among swatches leans cool.
HEX codes (sorted): #1A356A, #333C4C, #3B6CCE, #6899E4, #8C8464, #C4C4AC
Palette Admin figma web app user interface design colors has combination of 6 codes colors:
HEX: #3b6cce, RGB: (59, 108, 206); HEX: #6899e4, RGB: (104, 153, 228); HEX: #1a356a, RGB: (26, 53, 106)
HEX: #8c8464, RGB: (140, 132, 100); HEX: #c4c4ac, RGB: (196, 196, 172); HEX: #333c4c, RGB: (51, 60, 76)
Simplified version of palette colors
Tint of royalblue, Shade of cornflowerblue, Tint of darkslateblue, Shade of Grey, Shade of Silver, Tint of darkslateblue
Color scheme was created by coolor
Colors codes in palette
Admin figma web app user interface design colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #3b6cce | #3b6cce | RGB(59, 108, 206) | Han Blue | — |
| #6899e4 | #6899e4 | RGB(104, 153, 228) | Cornflower Blue | — |
| #1a356a | #1a356a | RGB(26, 53, 106) | Indigo (Rainbow) | — |
| #8c8464 | #8c8464 | RGB(140, 132, 100) | Shadow | — |
| #c4c4ac | #c4c4ac | RGB(196, 196, 172) | Dark Vanilla | — |
| #333c4c | #333c4c | RGB(51, 60, 76) | Charcoal | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#3b6cce | #6899e4 | 1.72 |
#3b6cce | #8c8464 | 1.32 |
#6899e4 | #8c8464 | 1.29 |
#6899e4 | #c4c4ac | 1.62 |
#1a356a | #333c4c | 1.07 |
Image palette Admin figma web app user interface design colors png
Export Palette
Download the "Admin figma web app user interface design colors" in multiple formats for seamless integration into your design projects.
Available formats: