Generate Palette
  1. Color Palettes
  2. Material Design color palette 8

Material Design color palette 8

  • #e0f7fa
  • #b2ebf2
  • #80deea
  • #4dd0e1
  • #26c6da
  • #00bcd4
  • #00acc1
  • #0097a7
  • #00838f
  • #006064
  • #84ffff
  • #18ffff
  • #00e5ff
  • #00b8d4
  11
Created at 08/14/2025 08:36
byMyPalettes
The palette consists of Light, Semi dark colors. Accent colors #84ffff and #18ffff. Palette has Neutral, Cool colors temperature.

By lightness, this palette runs from #006064 (darkest) to #E0F7FA (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma) — 100% of colors are vivid.

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

Overall temperature among swatches leans cool (13 of 14).

HEX codes (sorted): #006064, #00838F, #0097A7, #00ACC1, #00B8D4, #00BCD4, #00E5FF, #18FFFF, #26C6DA, #4DD0E1, #80DEEA, #84FFFF, #B2EBF2, #E0F7FA

Palette Material Design color palette 8 combines 14 color codes:
HEX: #e0f7fa, RGB: (224, 247, 250); HEX: #b2ebf2, RGB: (178, 235, 242); HEX: #80deea, RGB: (128, 222, 234)
HEX: #4dd0e1, RGB: (77, 208, 225); HEX: #26c6da, RGB: (38, 198, 218); HEX: #00bcd4, RGB: (0, 188, 212)
HEX: #00acc1, RGB: (0, 172, 193); HEX: #0097a7, RGB: (0, 151, 167); HEX: #00838f, RGB: (0, 131, 143)
HEX: #006064, RGB: (0, 96, 100); HEX: #84ffff, RGB: (132, 255, 255); HEX: #18ffff, RGB: (24, 255, 255)
HEX: #00e5ff, RGB: (0, 229, 255); HEX: #00b8d4, RGB: (0, 184, 212)
Simplified version of palette colors
Shade of Azure, Tint of Powder Blue, Shade of Powder Blue, Tint of Dark Turquoise, Tint of Dark Turquoise, Shade of Dark Turquoise, Shade of Cadet Blue, Shade of Cadet Blue, Tint of Teal, Shade of Dark Slate Gray, Tint of Cyan, Tint of Cyan, Tint of Dark Turquoise, Shade of Dark Turquoise
Color scheme was created by MyPalettes

Color codes in palette

Material Design color palette 8 color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#e0f7fa#e0f7faRGB(224, 247, 250)——
#b2ebf2#b2ebf2RGB(178, 235, 242)——
#80deea#80deeaRGB(128, 222, 234)——
#4dd0e1#4dd0e1RGB(77, 208, 225)——
#26c6da#26c6daRGB(38, 198, 218)——
#00bcd4#00bcd4RGB(0, 188, 212)——
#00acc1#00acc1RGB(0, 172, 193)——
#0097a7#0097a7RGB(0, 151, 167)——
#00838f#00838fRGB(0, 131, 143)——
#006064#006064RGB(0, 96, 100)——
#84ffff#84ffffRGB(132, 255, 255)——
#18ffff#18ffffRGB(24, 255, 255)——
#00e5ff#00e5ffRGB(0, 229, 255)——
#00b8d4#00b8d4RGB(0, 184, 212)——

Color Palette Contrast

58 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#e0f7fa
#b2ebf2
1.17
#e0f7fa
#80deea
1.39
#e0f7fa
#4dd0e1
1.65
#e0f7fa
#26c6da
1.85
#e0f7fa
#84ffff
1.06
#e0f7fa
#18ffff
1.12

Image palette Material Design color palette 8 png

Material Design color palette 8: #e0f7fa, #b2ebf2, #80deea, #4dd0e1, #26c6da, #00bcd4, #00acc1, #0097a7, #00838f, #006064
 Download image