Loading...
Created at 08/25/2020 21:37
  0.14k

Ui typo material exploration palette

  • #4c63b1
  • #bc9ae4
  • #0e0420
  • #a4568b
  • #c2add5
  • #2f3351
Loading...
The palette consists of Semi dark, Light, Dark colors. Accent colors #bc9ae4 and #0e0420. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #0E0420 (darkest) to #C2ADD5 (lightest). The lightness range is wide.

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

Hues sit in a neighboring band on the wheel (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #0E0420, #2F3351, #4C63B1, #A4568B, #BC9AE4, #C2ADD5

Palette Ui typo material exploration palette has combination of 6 codes colors:
HEX: #4c63b1, RGB: (76, 99, 177); HEX: #bc9ae4, RGB: (188, 154, 228); HEX: #0e0420, RGB: (14, 4, 32)
HEX: #a4568b, RGB: (164, 86, 139); HEX: #c2add5, RGB: (194, 173, 213); HEX: #2f3351, RGB: (47, 51, 81)
Simplified version of palette colors
Tint of royalblue, Tint of plum, Shade of Black, Shade of mediumvioletred, Tint of thistle, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Ui typo material exploration palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4c63b1 #4c63b1 RGB(76, 99, 177)
#bc9ae4 #bc9ae4 RGB(188, 154, 228)
#0e0420 #0e0420 RGB(14, 4, 32)
#a4568b #a4568b RGB(164, 86, 139)
#c2add5 #c2add5 RGB(194, 173, 213)
#2f3351 #2f3351 RGB(47, 51, 81)

Color Palette Contrast

3 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4c63b1
#a4568b
1.14
#bc9ae4
#c2add5
1.15
#0e0420
#2f3351
1.62

Image palette Ui typo material exploration palette png

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