Integrations settings tabs product design preferences hex colors
- Fire Opal#e66541
- Maximum Blue Purple#9ca4e8
- Pineapple#4c4414
- Nickel#727272
- Cadet Blue (Crayola)#b0bbc2
- Arsenic#3c444c
Created at 01/26/2023 19:16
The palette consists of Light, Semi dark colors. Accent colors Fire Opal #e66541 and Maximum Blue Purple #9ca4e8. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #3C444C (darkest) to #B0BBC2 (lightest). The lightness range is moderate.
Saturation is mixed — 3 muted and 3 vivid out of 6 colors.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Warm and cool swatches are fairly balanced (2 warm, 2 cool).
HEX codes (sorted): #3C444C, #4C4414, #727272, #9CA4E8, #B0BBC2, #E66541
Palette Integrations settings tabs product design preferences hex colors combines 6 color codes:
HEX: #e66541, RGB: (230, 101, 65); HEX: #9ca4e8, RGB: (156, 164, 232); HEX: #4c4414, RGB: (76, 68, 20)
HEX: #727272, RGB: (114, 114, 114); HEX: #b0bbc2, RGB: (176, 187, 194); HEX: #3c444c, RGB: (60, 68, 76)
Simplified version of palette colors
Shade of Tomato, Shade of Light Steel Blue, Shade of Dark Olive Green, Tint of Dim Gray, Shade of Silver, Shade of Dark Slate Gray
Color scheme was created by coolor
Color codes in palette
Integrations settings tabs product design preferences hex colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #e66541 | #e66541 | RGB(230, 101, 65) | Fire Opal | — |
| #9ca4e8 | #9ca4e8 | RGB(156, 164, 232) | Maximum Blue Purple | — |
| #4c4414 | #4c4414 | RGB(76, 68, 20) | Pineapple | — |
| #727272 | #727272 | RGB(114, 114, 114) | Nickel | — |
| #b0bbc2 | #b0bbc2 | RGB(176, 187, 194) | Cadet Blue (Crayola) | — |
| #3c444c | #3c444c | RGB(60, 68, 76) | Arsenic | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#e66541 | #9ca4e8 | 1.41 |
#e66541 | #727272 | 1.44 |
#e66541 | #b0bbc2 | 1.7 |
#9ca4e8 | #b0bbc2 | 1.2 |
#4c4414 | #3c444c | 1 |
Image palette Integrations settings tabs product design preferences hex colors png
Export Palette
Download the "Integrations settings tabs product design preferences hex colors" in multiple formats for seamless integration into your design projects.
Available formats: