Generate Palette
  1. Colors palettes
  2. Scalable SaaS UX Modules
Created at 07/05/2025 19:24
bycolorslib
  6

Scalable SaaS UX Modules

  • Module Indigo
    #6a67ce
  • Row Hover Mist
    #f2f2f2
  • Modal Overlay Gray
    #c8c8c8
  • Component White
    #ffffff
  • Status Indicator Green
    #a4f9c8
The palette consists of Light colors. Accent colors Component White #ffffff and Status Indicator Green #a4f9c8. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #6A67CE (darkest) to #FFFFFF (lightest). The lightness range is moderate.

Overall saturation feels mostly muted (lower chroma).

Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.

Most swatches read as neutral in color temperature.

HEX codes (sorted): #6A67CE, #A4F9C8, #C8C8C8, #F2F2F2, #FFFFFF

Palette Scalable SaaS UX Modules has combination of 5 codes colors:
HEX: #6a67ce, RGB: (106, 103, 206); HEX: #f2f2f2, RGB: (242, 242, 242); HEX: #c8c8c8, RGB: (200, 200, 200)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #a4f9c8, RGB: (164, 249, 200)
Simplified version of palette colors
Shade of slateblue, Tint of whitesmoke, Shade of Silver, White, Shade of aquamarine
Color scheme was created by colorslib

Colors codes in palette

Scalable SaaS UX Modules color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#6a67ce #6a67ce RGB(106, 103, 206)Module Indigo—
#f2f2f2 #f2f2f2 RGB(242, 242, 242)Row Hover MistGray95
#c8c8c8 #c8c8c8 RGB(200, 200, 200)Modal Overlay Gray—
#ffffff #ffffff RGB(255, 255, 255)Component WhiteWhite
#a4f9c8 #a4f9c8 RGB(164, 249, 200)Status Indicator Green—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f2f2f2
#c8c8c8
1.49
#f2f2f2
#ffffff
1.11
#f2f2f2
#a4f9c8
1.1
#c8c8c8
#ffffff
1.67
#c8c8c8
#a4f9c8
1.35
#ffffff
#a4f9c8
1.23

Image palette Scalable SaaS UX Modules png

Scalable SaaS UX Modules - #553856
 Download image