Generate Palette
  1. Color Palettes
  2. blue gray

blue gray

  • blue-grey darken-4
    #263238
  • blue-grey darken-3
    #37474f
  • blue-grey darken-2
    #455a64
  • blue-grey darken-1
    #546e7a
  • blue-grey
    #607d8b
  • blue-grey lighten-1
    #78909c
  • blue-grey lighten-2
    #90a4ae
  • blue-grey lighten-3
    #b0bec5
  • blue-grey lighten-4
    #cfd8dc
  • blue-grey lighten-5
    #eceff1
  2.05k

blue gray has 10 colors, mostly blue. The lightest color is Blue-grey lighten-5 (#ECEFF1), the darkest Blue-grey darken-4 (#263238). Its strongest contrast pair is #263238 on #ECEFF1 (11.3:1, WCAG AAA).

Created at 09/18/2020 05:10
byandrew78
The palette consists of Dark, Semi dark, Light colors. Accent colors blue-grey darken-4 #263238 and blue-grey darken-1 #546e7a. Palette has Cool, Neutral colors temperature.

A sequential monochrome scheme: tints and shades of a single hue step between light and dark.

By lightness, this palette runs from #263238 (darkest) to #ECEFF1 (lightest). The lightness range is wide.

Overall saturation feels mostly muted (lower chroma) — 100% of colors are muted.

An analogous palette: its hues sit close together on the color wheel, within about 6°.

Overall temperature among swatches leans cool (9 of 10).

HEX codes (sorted): #263238, #37474F, #455A64, #546E7A, #607D8B, #78909C, #90A4AE, #B0BEC5, #CFD8DC, #ECEFF1

Palette blue gray combines 10 color codes:
HEX: #263238, RGB: (38, 50, 56); HEX: #37474f, RGB: (55, 71, 79); HEX: #455a64, RGB: (69, 90, 100)
HEX: #546e7a, RGB: (84, 110, 122); HEX: #607d8b, RGB: (96, 125, 139); HEX: #78909c, RGB: (120, 144, 156)
HEX: #90a4ae, RGB: (144, 164, 174); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #cfd8dc, RGB: (207, 216, 220)
HEX: #eceff1, RGB: (236, 239, 241)
Simplified version of palette colors
Shade of Dark Slate Gray, Shade of Dark Slate Gray, Tint of Dark Slate Gray, Shade of Slate Gray, Shade of Slate Gray, Tint of Light Slate Gray, Shade of Dark Gray, Shade of Silver, Tint of Light Gray, Shade of White Smoke
Color scheme was created by andrew78

Color codes in palette

blue gray color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#263238#263238RGB(38, 50, 56)blue-grey darken-4—
#37474f#37474fRGB(55, 71, 79)blue-grey darken-3—
#455a64#455a64RGB(69, 90, 100)blue-grey darken-2—
#546e7a#546e7aRGB(84, 110, 122)blue-grey darken-1—
#607d8b#607d8bRGB(96, 125, 139)blue-grey—
#78909c#78909cRGB(120, 144, 156)blue-grey lighten-1—
#90a4ae#90a4aeRGB(144, 164, 174)blue-grey lighten-2—
#b0bec5#b0bec5RGB(176, 190, 197)blue-grey lighten-3Ocean Drive
#cfd8dc#cfd8dcRGB(207, 216, 220)blue-grey lighten-4—
#eceff1#eceff1RGB(236, 239, 241)blue-grey lighten-5—

Color Palette Contrast

17 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#263238
#37474f
1.36
#263238
#455a64
1.81
#37474f
#455a64
1.33
#37474f
#546e7a
1.78
#455a64
#546e7a
1.34
#455a64
#607d8b
1.65

Image palette blue gray png

blue gray color palette: blue-grey darken-4, blue-grey darken-3, blue-grey darken-2, blue-grey darken-1, blue-grey
 Download image