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
  0.21k

Integrations settings tabs product design preferences hex colors has 6 colors spread across many hues. The lightest color is Cadet Blue (Crayola) (#B0BBC2), the darkest Arsenic (#3C444C). Its strongest contrast pair is #3C444C on #B0BBC2 (5.0:1, WCAG AA).

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

ColorHEXRGBNameAlternative name
#e66541#e66541RGB(230, 101, 65)Fire Opal—
#9ca4e8#9ca4e8RGB(156, 164, 232)Maximum Blue Purple—
#4c4414#4c4414RGB(76, 68, 20)Pineapple—
#727272#727272RGB(114, 114, 114)Nickel—
#b0bbc2#b0bbc2RGB(176, 187, 194)Cadet Blue (Crayola)—
#3c444c#3c444cRGB(60, 68, 76)Arsenic—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast 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