Generate Palette
  1. Color Palettes
  2. Typography app design figma ui colors palette

Typography app design figma ui colors palette

  • #ea6689
  • #ea8aa1
  • #543c9c
  • #5049a6
  • #a8a4d4
  • #603c50
  0.16k

Typography app design figma ui colors palette has 6 colors spread across many hues. The lightest color is Pale Violet Red (#EA8AA1), the darkest Purple (#603C50). Its strongest contrast pair is #603C50 on #A8A4D4 (3.9:1, WCAG AA for large text).

Created at 10/12/2021 18:26
bycolorswall
The palette consists of Light, Semi dark colors. Accent colors #ea6689 and #ea8aa1. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #603C50 (darkest) to #EA8AA1 (lightest). The lightness range is moderate.

Saturation is mixed — 1 muted and 2 vivid out of 6 colors.

The hues stay in one region of the color wheel, spanning about 101°.

Warm and cool swatches are fairly balanced (3 warm, 3 cool).

HEX codes (sorted): #5049A6, #543C9C, #603C50, #A8A4D4, #EA6689, #EA8AA1

Palette Typography app design figma ui colors palette combines 6 color codes:
HEX: #ea6689, RGB: (234, 102, 137); HEX: #ea8aa1, RGB: (234, 138, 161); HEX: #543c9c, RGB: (84, 60, 156)
HEX: #5049a6, RGB: (80, 73, 166); HEX: #a8a4d4, RGB: (168, 164, 212); HEX: #603c50, RGB: (96, 60, 80)
Simplified version of palette colors
Shade of Pale Violet Red, Tint of Pale Violet Red, Tint of Dark Slate Blue, Tint of Dark Slate Blue, Shade of Light Steel Blue, Tint of Purple
Color scheme was created by colorswall

Color codes in palette

Typography app design figma ui colors palette color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#ea6689#ea6689RGB(234, 102, 137)——
#ea8aa1#ea8aa1RGB(234, 138, 161)——
#543c9c#543c9cRGB(84, 60, 156)——
#5049a6#5049a6RGB(80, 73, 166)——
#a8a4d4#a8a4d4RGB(168, 164, 212)——
#603c50#603c50RGB(96, 60, 80)——

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#ea6689
#ea8aa1
1.27
#ea6689
#a8a4d4
1.32
#ea8aa1
#a8a4d4
1.03
#543c9c
#5049a6
1.13
#543c9c
#603c50
1.1
#5049a6
#603c50
1.25

Image palette Typography app design figma ui colors palette png

Typography app design figma ui colors palette: #ea6689, #ea8aa1, #543c9c, #5049a6, #a8a4d4, #603c50
 Download image