Generate Palette
  1. Colors palettes
  2. Modular UI Design System for Federated Apps
Created at 07/17/2025 08:31
bypalettespicker
  1

Modular UI Design System for Federated Apps

  • Node Gray
    #7d8597
  • Federation White
    #fcfcfc
  • Permission Pink
    #fadadd
  • Secure Sync Blue
    #4a90e2
  • Trust Circle Yellow
    #fff275
  • Link Indigo
    #5a4e7c
The palette consists of Light, Semi dark colors. Accent colors Secure Sync Blue #4a90e2 and Trust Circle Yellow #fff275. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #5A4E7C (darkest) to #FCFCFC (lightest). The lightness range is wide.

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

HEX codes (sorted): #4A90E2, #5A4E7C, #7D8597, #FADADD, #FCFCFC, #FFF275

Palette Modular UI Design System for Federated Apps has combination of 6 codes colors:
HEX: #7d8597, RGB: (125, 133, 151); HEX: #fcfcfc, RGB: (252, 252, 252); HEX: #fadadd, RGB: (250, 218, 221)
HEX: #4a90e2, RGB: (74, 144, 226); HEX: #fff275, RGB: (255, 242, 117); HEX: #5a4e7c, RGB: (90, 78, 124)
Simplified version of palette colors
Tint of lightslategrey, Tint of White, Tint of mistyrose, Shade of dodgerblue, Shade of Khaki, Shade of darkslateblue
Color scheme was created by palettespicker

Colors codes in palette

Modular UI Design System for Federated Apps color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#7d8597 #7d8597 RGB(125, 133, 151)Node Gray—
#fcfcfc #fcfcfc RGB(252, 252, 252)Federation WhiteGray99
#fadadd #fadadd RGB(250, 218, 221)Permission PinkSun Bleached Pink
#4a90e2 #4a90e2 RGB(74, 144, 226)Secure Sync Blue—
#fff275 #fff275 RGB(255, 242, 117)Trust Circle Yellow—
#5a4e7c #5a4e7c RGB(90, 78, 124)Link Indigo—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#7d8597
#4a90e2
1.12
#fcfcfc
#fadadd
1.26
#fcfcfc
#fff275
1.12
#fadadd
#fff275
1.12

Image palette Modular UI Design System for Federated Apps png

Modular UI Design System for Federated Apps - #555757
 Download image