Generate Palette
  1. Colors palettes
  2. Microfrontend Architecture Modular UI System Palette
Created at 03/27/2026 21:21
bybad_colors
  16

Microfrontend Architecture Modular UI System Palette

Module Blue
#3b82f6
Shell Indigo
#4f46e5
Bridge Cyan
#06b6d4
Fragment Pink
#f472b6
Boundary Gray
#e5e7eb
Canvas White
#ffffff
Text Black
#111827
The palette consists of Light, Semi dark, Dark colors. Accent colors Bridge Cyan #06b6d4 and Fragment Pink #f472b6. Palette has Cool, Warm, Neutral colors temperature.
Palette Microfrontend Architecture Modular UI System Palette has combination of 7 codes colors:
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #4f46e5, RGB: (79, 70, 229); HEX: #06b6d4, RGB: (6, 182, 212)
HEX: #f472b6, RGB: (244, 114, 182); HEX: #e5e7eb, RGB: (229, 231, 235); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #111827, RGB: (17, 24, 39)
Simplified version of palette colors
Tint of dodgerblue, Tint of slateblue, Tint of deepskyblue, Shade of hotpink, Shade of gainsboro, White, Shade of Black
Color scheme was created by bad_colors

Colors codes in palette

Microfrontend Architecture Modular UI System Palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3b82f6 #3b82f6 RGB(59, 130, 246)Module Blue—
#4f46e5 #4f46e5 RGB(79, 70, 229)Shell Indigo—
#06b6d4 #06b6d4 RGB(6, 182, 212)Bridge Cyan—
#f472b6 #f472b6 RGB(244, 114, 182)Fragment Pink—
#e5e7eb #e5e7eb RGB(229, 231, 235)Boundary Gray—
#ffffff #ffffff RGB(255, 255, 255)Canvas WhiteWhite
#111827 #111827 RGB(17, 24, 39)Text Black—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3b82f6
#4f46e5
1.7
#3b82f6
#06b6d4
1.51
#3b82f6
#f472b6
1.38
#06b6d4
#f472b6
1.09
#06b6d4
#e5e7eb
1.96
#e5e7eb
#ffffff
1.23

Image palette Microfrontend Architecture Modular UI System Palette png

Microfrontend Architecture Modular UI System Palette - #570671
 Download image