Created at 02/12/2023 18:53
Dark figma icon ui hex colors
- Ocean Blue#4d47c1
- Medium Slate Blue#7c7be2
- Brunswick Green#245444
- Dim Gray#6a6a6b
- St. Patrick's Blue#1c1b7d
- Dark Puce#542c44
The palette consists of Semi dark, Light, Dark colors. Accent colors Medium Slate Blue #7c7be2 and St. Patrick's Blue #1c1b7d. Palette has Cool, Neutral colors temperature.
By lightness, this palette runs from #245444 (darkest) to #7C7BE2 (lightest). The lightness range is moderate.
Saturation is mixed — 1 muted and 2 vivid out of 6 colors.
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool (4 of 6).
HEX codes (sorted): #1C1B7D, #245444, #4D47C1, #542C44, #6A6A6B, #7C7BE2
Palette Dark figma icon ui hex colors has combination of 6 codes colors:
HEX: #4d47c1, RGB: (77, 71, 193); HEX: #7c7be2, RGB: (124, 123, 226); HEX: #245444, RGB: (36, 84, 68)
HEX: #6a6a6b, RGB: (106, 106, 107); HEX: #1c1b7d, RGB: (28, 27, 125); HEX: #542c44, RGB: (84, 44, 68)
Simplified version of palette colors
Tint of slateblue, Shade of mediumslateblue, Tint of darkslategrey, Shade of dimgrey, Shade of midnightblue, Shade of Purple
Color scheme was created by hex
Colors codes in palette
Dark figma icon ui hex colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #4d47c1 | #4d47c1 | RGB(77, 71, 193) | Ocean Blue | — |
| #7c7be2 | #7c7be2 | RGB(124, 123, 226) | Medium Slate Blue | — |
| #245444 | #245444 | RGB(36, 84, 68) | Brunswick Green | — |
| #6a6a6b | #6a6a6b | RGB(106, 106, 107) | Dim Gray | — |
| #1c1b7d | #1c1b7d | RGB(28, 27, 125) | St. Patrick's Blue | — |
| #542c44 | #542c44 | RGB(84, 44, 68) | Dark Puce | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#4d47c1 | #7c7be2 | 1.93 |
#4d47c1 | #245444 | 1.23 |
#4d47c1 | #6a6a6b | 1.3 |
#4d47c1 | #1c1b7d | 1.98 |
#4d47c1 | #542c44 | 1.64 |
#7c7be2 | #6a6a6b | 1.48 |
Image palette Dark figma icon ui hex colors png
Export Palette
Download the "Dark figma icon ui hex colors" in multiple formats for seamless integration into your design projects.
Available formats: