Created at 10/28/2022 21:41
Figma ui kit interface ux hex colors
- Ultramarine Blue#4c74f4
- Light Sky Blue#8ac9f8
- Space Cadet#1f2f53
- Silver Lake Blue#6392b2
- Medium Electric Blue#085690
- Old Burgundy#422434
The palette consists of Light, Dark colors. Accent colors Medium Electric Blue #085690 and Old Burgundy #422434. Palette has Cool, Warm colors temperature.
By lightness, this palette runs from #422434 (darkest) to #8AC9F8 (lightest). The lightness range is wide.
Saturation sits in a moderate mid-range, averaging 63% across the palette.
Hues are spread broadly around the wheel, spanning about 124° — a varied palette (loose heuristic).
Overall temperature among swatches leans cool (5 of 6).
HEX codes (sorted): #085690, #1F2F53, #422434, #4C74F4, #6392B2, #8AC9F8
Palette Figma ui kit interface ux hex colors has combination of 6 codes colors:
HEX: #4c74f4, RGB: (76, 116, 244); HEX: #8ac9f8, RGB: (138, 201, 248); HEX: #1f2f53, RGB: (31, 47, 83)
HEX: #6392b2, RGB: (99, 146, 178); HEX: #085690, RGB: (8, 86, 144); HEX: #422434, RGB: (66, 36, 52)
Simplified version of palette colors
Shade of royalblue, Tint of lightskyblue, Shade of midnightblue, Shade of steelblue, Tint of royalblue, Shade of Black
Color scheme was created by colorswall
Colors codes in palette
Figma ui kit interface ux hex colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #4c74f4 | #4c74f4 | RGB(76, 116, 244) | Ultramarine Blue | — |
| #8ac9f8 | #8ac9f8 | RGB(138, 201, 248) | Light Sky Blue | — |
| #1f2f53 | #1f2f53 | RGB(31, 47, 83) | Space Cadet | — |
| #6392b2 | #6392b2 | RGB(99, 146, 178) | Silver Lake Blue | — |
| #085690 | #085690 | RGB(8, 86, 144) | Medium Electric Blue | — |
| #422434 | #422434 | RGB(66, 36, 52) | Old Burgundy | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#4c74f4 | #6392b2 | 1.22 |
#4c74f4 | #085690 | 1.86 |
#8ac9f8 | #6392b2 | 1.87 |
#1f2f53 | #085690 | 1.72 |
#1f2f53 | #422434 | 1.03 |
#085690 | #422434 | 1.78 |
Image palette Figma ui kit interface ux hex colors png
Export Palette
Download the "Figma ui kit interface ux hex colors" in multiple formats for seamless integration into your design projects.
Available formats: