Created at 10/19/2022 11:49
Tools sketch website icons palette
Picton Blue
#31b1e3
Cyclamen
#f17ca4
Space Cadet
#191e59
Shadow Blue
#7d7dad
Cadet Blue (Crayola)
#a7b5c8
American Blue
#373b6c
The palette consists of Light, Dark colors. Accent colors Picton Blue #31b1e3 and Cyclamen #f17ca4. Palette has Cool, Warm colors temperature.
Palette Tools sketch website icons palette has combination of 6 codes colors:
HEX: #31b1e3, RGB: (49, 177, 227); HEX: #f17ca4, RGB: (241, 124, 164); HEX: #191e59, RGB: (25, 30, 89)
HEX: #7d7dad, RGB: (125, 125, 173); HEX: #a7b5c8, RGB: (167, 181, 200); HEX: #373b6c, RGB: (55, 59, 108)
Simplified version of palette colors
Shade of deepskyblue, Shade of palevioletred, Shade of midnightblue, Tint of mediumpurple, Tint of lightsteelblue, Tint of darkslateblue
Color scheme was created by colorswall
Colors codes in palette
Tools sketch website icons palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #31b1e3 | #31b1e3 | RGB(49, 177, 227) | Picton Blue | — |
| #f17ca4 | #f17ca4 | RGB(241, 124, 164) | Cyclamen | — |
| #191e59 | #191e59 | RGB(25, 30, 89) | Space Cadet | — |
| #7d7dad | #7d7dad | RGB(125, 125, 173) | Shadow Blue | — |
| #a7b5c8 | #a7b5c8 | RGB(167, 181, 200) | Cadet Blue (Crayola) | — |
| #373b6c | #373b6c | RGB(55, 59, 108) | American Blue | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#31b1e3 | #f17ca4 | 1.04 |
#31b1e3 | #7d7dad | 1.57 |
#31b1e3 | #a7b5c8 | 1.18 |
#f17ca4 | #7d7dad | 1.5 |
#f17ca4 | #a7b5c8 | 1.23 |
#191e59 | #373b6c | 1.46 |
Image palette Tools sketch website icons palette png
Export Palette
Download the "Tools sketch website icons palette" in multiple formats for seamless integration into your design projects.
Available formats: