Loading...
Created at 06/05/2025 19:49
  11

Material Design Spectrum Suite

  • Surface Stone
    #f5f5f5
  • Primary Indigo
    #3f51b5
  • Accent Magenta
    #ec407a
  • Typography Coal
    #212121
  • Divider Silver
    #bdbdbd
  • Error Crimson
    #d32f2f
  • Success Mint
    #4caf50
Loading...
The palette consists of Light, Semi dark, Dark colors. Accent colors Accent Magenta #ec407a and Success Mint #4caf50. Palette has Neutral, Cool, Warm colors temperature.

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

Saturation is mixed — some muted swatches and some vivid accents.

Hues are spread broadly around the wheel — a varied palette (loose heuristic).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #212121, #3F51B5, #4CAF50, #BDBDBD, #D32F2F, #EC407A, #F5F5F5

Palette Material Design Spectrum Suite has combination of 7 codes colors:
HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #3f51b5, RGB: (63, 81, 181); HEX: #ec407a, RGB: (236, 64, 122)
HEX: #212121, RGB: (33, 33, 33); HEX: #bdbdbd, RGB: (189, 189, 189); HEX: #d32f2f, RGB: (211, 47, 47)
HEX: #4caf50, RGB: (76, 175, 80)
Simplified version of palette colors
Tint of slateblue, Shade of deeppink, Shade of Black, Tint of Silver, Shade of crimson, Tint of mediumseagreen
Color scheme was created by bad_colors

Colors codes in palette

Material Design Spectrum Suite color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f5f5f5 #f5f5f5 RGB(245, 245, 245)Surface StoneWhite Smoke
#3f51b5 #3f51b5 RGB(63, 81, 181)Primary Indigo
#ec407a #ec407a RGB(236, 64, 122)Accent Magenta
#212121 #212121 RGB(33, 33, 33)Typography CoalLead
#bdbdbd #bdbdbd RGB(189, 189, 189)Divider SilverGray74
#d32f2f #d32f2f RGB(211, 47, 47)Error Crimson
#4caf50 #4caf50 RGB(76, 175, 80)Success Mint

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f5f5f5
#bdbdbd
1.72
#3f51b5
#ec407a
1.82
#3f51b5
#d32f2f
1.38
#ec407a
#d32f2f
1.32
#ec407a
#4caf50
1.35
#bdbdbd
#4caf50
1.47

Image palette Material Design Spectrum Suite png

Loading...
Loading...
Loading...