Created at 02/01/2021 22:22
  0.18k

Ux iphone x interaction design palette

  • #f69a0a
  • #fcc45b
  • #3b2b15
  • #657fa1
  • #9ba6c2
  • #4c4040
The palette consists of Light, Dark colors. Accent colors #fcc45b and #9ba6c2. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #3B2B15 (darkest) to #9BA6C2 (lightest). The lightness range is moderate.

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 warm.

HEX codes (sorted): #3B2B15, #4C4040, #657FA1, #9BA6C2, #F69A0A, #FCC45B

Palette Ux iphone x interaction design palette has combination of 6 codes colors:
HEX: #f69a0a, RGB: (246, 154, 10); HEX: #fcc45b, RGB: (252, 196, 91); HEX: #3b2b15, RGB: (59, 43, 21)
HEX: #657fa1, RGB: (101, 127, 161); HEX: #9ba6c2, RGB: (155, 166, 194); HEX: #4c4040, RGB: (76, 64, 64)
Simplified version of palette colors
Tint of Orange, Shade of goldenrod, Shade of Black, Tint of slategrey, Tint of lightsteelblue, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Ux iphone x interaction design palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f69a0a #f69a0a RGB(246, 154, 10)
#fcc45b #fcc45b RGB(252, 196, 91)
#3b2b15 #3b2b15 RGB(59, 43, 21)
#657fa1 #657fa1 RGB(101, 127, 161)
#9ba6c2 #9ba6c2 RGB(155, 166, 194)
#4c4040 #4c4040 RGB(76, 64, 64)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f69a0a
#fcc45b
1.38
#f69a0a
#657fa1
1.87
#f69a0a
#9ba6c2
1.1
#fcc45b
#9ba6c2
1.52
#3b2b15
#4c4040
1.37
#657fa1
#9ba6c2
1.69

Image palette Ux iphone x interaction design palette png