Generate Palette
  1. Colors palettes
  2. Microfrontend Integration Palette
Created at 07/13/2025 17:27
bycoolor
  1

Microfrontend Integration Palette

  • Shell White
    #f8f8f8
  • Remote Yellow
    #fff176
  • Fragment Sky
    #a2d2ff
  • Isolation Grey
    #9fa0a2
  • Lifecycle Indigo
    #6a5acd
  • Build Black
    #1e1e1e
The palette consists of Light, Dark colors. Accent colors Remote Yellow #fff176 and Fragment Sky #a2d2ff. Palette has Neutral, Warm, Cool colors temperature.

By lightness, this palette runs from #1E1E1E (darkest) to #F8F8F8 (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): #1E1E1E, #6A5ACD, #9FA0A2, #A2D2FF, #F8F8F8, #FFF176

Palette Microfrontend Integration Palette has combination of 6 codes colors:
HEX: #f8f8f8, RGB: (248, 248, 248); HEX: #fff176, RGB: (255, 241, 118); HEX: #a2d2ff, RGB: (162, 210, 255)
HEX: #9fa0a2, RGB: (159, 160, 162); HEX: #6a5acd, RGB: (106, 90, 205); HEX: #1e1e1e, RGB: (30, 30, 30)
Simplified version of palette colors
Shade of whitesmoke, Shade of Khaki, Shade of lightskyblue, Tint of darkgrey, Shade of Black
Color scheme was created by coolor

Colors codes in palette

Microfrontend Integration Palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f8f8f8 #f8f8f8 RGB(248, 248, 248)Shell White—
#fff176 #fff176 RGB(255, 241, 118)Remote Yellow—
#a2d2ff #a2d2ff RGB(162, 210, 255)Fragment Sky—
#9fa0a2 #9fa0a2 RGB(159, 160, 162)Isolation Grey—
#6a5acd #6a5acd RGB(106, 90, 205)Lifecycle IndigoAmeixa
#1e1e1e #1e1e1e RGB(30, 30, 30)Build Black—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f8f8f8
#fff176
1.09
#f8f8f8
#a2d2ff
1.49
#fff176
#a2d2ff
1.37
#a2d2ff
#9fa0a2
1.64

Image palette Microfrontend Integration Palette png

Microfrontend Integration Palette - #555329
 Download image