Created at 06/22/2025 07:10
  6

Lightweight Design System Base

  • Neutral Snow
    #fafafa
  • Utility Gray
    #cccccc
  • Primary Cyan
    #5bc0be
  • Secondary Violet
    #cdb4db
  • Action Yellow
    #fdcb6e
  • Alert Red
    #ef476f
The palette consists of Light colors. Accent colors Primary Cyan #5bc0be and Action Yellow #fdcb6e. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #5BC0BE (darkest) to #FAFAFA (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).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #5BC0BE, #CCCCCC, #CDB4DB, #EF476F, #FAFAFA, #FDCB6E

Palette Lightweight Design System Base has combination of 6 codes colors:
HEX: #fafafa, RGB: (250, 250, 250); HEX: #cccccc, RGB: (204, 204, 204); HEX: #5bc0be, RGB: (91, 192, 190)
HEX: #cdb4db, RGB: (205, 180, 219); HEX: #fdcb6e, RGB: (253, 203, 110); HEX: #ef476f, RGB: (239, 71, 111)
Simplified version of palette colors
Shade of whitesmoke, Tint of lightgrey, Tint of mediumturquoise, Tint of thistle, Shade of burlywood, Shade of indianred
Color scheme was created by hex

Colors codes in palette

Lightweight Design System Base color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fafafa #fafafa RGB(250, 250, 250)Neutral SnowDr. White
#cccccc #cccccc RGB(204, 204, 204)Utility GrayCerebral Grey
#5bc0be #5bc0be RGB(91, 192, 190)Primary Cyan
#cdb4db #cdb4db RGB(205, 180, 219)Secondary Violet
#fdcb6e #fdcb6e RGB(253, 203, 110)Action Yellow
#ef476f #ef476f RGB(239, 71, 111)Alert Red

Color Palette Contrast

11 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fafafa
#cccccc
1.53
#fafafa
#cdb4db
1.8
#fafafa
#fdcb6e
1.44
#cccccc
#5bc0be
1.34
#cccccc
#cdb4db
1.17
#cccccc
#fdcb6e
1.06

Image palette Lightweight Design System Base png