Created at 05/20/2021 10:14
  0.29k

Typography atomic design app flow hex colors

#2cdc94
#baede4
#705f1e
#ac6c64
#9fd0c5
#4c343c
Sign In to save palette in collection
The palette consists of Light, Semi dark colors. Accent colors #2cdc94 and #ac6c64. Palette has Cool, Warm colors temperature.
Palette Typography atomic design app flow hex colors has combination of 6 codes colors:
HEX: #2cdc94, RGB: (44, 220, 148); HEX: #baede4, RGB: (186, 237, 228); HEX: #705f1e, RGB: (112, 95, 30)
HEX: #ac6c64, RGB: (172, 108, 100); HEX: #9fd0c5, RGB: (159, 208, 197); HEX: #4c343c, RGB: (76, 52, 60)
Simplified version of palette colors
Tint of mediumspringgreen, Shade of paleturquoise, Tint of darkolivegreen, Shade of indianred, Tint of paleturquoise, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Typography atomic design app flow hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#2cdc94 RGB(44, 220, 148)
#baede4 RGB(186, 237, 228)
#705f1e RGB(112, 95, 30)
#ac6c64 RGB(172, 108, 100)
#9fd0c5 RGB(159, 208, 197)
#4c343c RGB(76, 52, 60)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#2cdc94
#baede4
1.38
#2cdc94
#9fd0c5
1.04
#baede4
#9fd0c5
1.32
#705f1e
#ac6c64
1.51
#705f1e
#4c343c
1.79

Image palette Typography atomic design app flow hex colors png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes