Created at 12/29/2019 11:50
  0.22k

Interface ui design ux palette

  • #05cd5d
  • #f75251
  • #0d397b
  • #6078ac
  • #aacad6
  • #0c0c14
The palette consists of Light, Dark colors. Accent colors #05cd5d and #f75251. Palette has Cool, Warm, Neutral colors temperature.

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

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

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #05CD5D, #0C0C14, #0D397B, #6078AC, #AACAD6, #F75251

Palette Interface ui design ux palette has combination of 6 codes colors:
HEX: #05cd5d, RGB: (5, 205, 93); HEX: #f75251, RGB: (247, 82, 81); HEX: #0d397b, RGB: (13, 57, 123)
HEX: #6078ac, RGB: (96, 120, 172); HEX: #aacad6, RGB: (170, 202, 214); HEX: #0c0c14, RGB: (12, 12, 20)
Simplified version of palette colors
Tint of limegreen, Tint of tomato, Tint of darkslateblue, Shade of steelblue, Tint of lightblue, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

Interface ui design ux palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#05cd5d #05cd5d RGB(5, 205, 93)
#f75251 #f75251 RGB(247, 82, 81)
#0d397b #0d397b RGB(13, 57, 123)
#6078ac #6078ac RGB(96, 120, 172)
#aacad6 #aacad6 RGB(170, 202, 214)
#0c0c14 #0c0c14 RGB(12, 12, 20)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#05cd5d
#f75251
1.57
#05cd5d
#aacad6
1.22
#f75251
#6078ac
1.31
#f75251
#aacad6
1.93
#0d397b
#0c0c14
1.75

Image palette Interface ui design ux palette png