Generate Palette
  1. Color Palettes
  2. Micro Frontend Modular Kit

Micro Frontend Modular Kit

  • Deploy Dust
    #f1faee
  • Router Red
    #e63946
  • Scoped Cyan
    #a8dadc
  • Framework Graphite
    #343a40
  • Slot Lemon
    #ffd23f
  • Isolate Pink
    #ff6b6b
  6
Created at 06/09/2025 15:30
byraccoon
The palette consists of Light, Semi dark colors. Accent colors Scoped Cyan #a8dadc and Slot Lemon #ffd23f. Palette has Neutral, Warm, Cool colors temperature.

By lightness, this palette runs from #343A40 (darkest) to #F1FAEE (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans warm (3 of 6).

HEX codes (sorted): #343A40, #A8DADC, #E63946, #F1FAEE, #FF6B6B, #FFD23F

Palette Micro Frontend Modular Kit combines 6 color codes:
HEX: #f1faee, RGB: (241, 250, 238); HEX: #e63946, RGB: (230, 57, 70); HEX: #a8dadc, RGB: (168, 218, 220)
HEX: #343a40, RGB: (52, 58, 64); HEX: #ffd23f, RGB: (255, 210, 63); HEX: #ff6b6b, RGB: (255, 107, 107)
Simplified version of palette colors
Shade of Honeydew, Tint of Crimson, Shade of Powder Blue, Shade of Dark Slate Gray, Tint of Gold, Shade of Salmon
Color scheme was created by raccoon

Color codes in palette

Micro Frontend Modular Kit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f1faee #f1faee RGB(241, 250, 238)Deploy Dust—
#e63946 #e63946 RGB(230, 57, 70)Router Red—
#a8dadc #a8dadc RGB(168, 218, 220)Scoped Cyan—
#343a40 #343a40 RGB(52, 58, 64)Framework Graphite—
#ffd23f #ffd23f RGB(255, 210, 63)Slot Lemon—
#ff6b6b #ff6b6b RGB(255, 107, 107)Isolate Pink—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f1faee
#a8dadc
1.43
#f1faee
#ffd23f
1.35
#e63946
#ff6b6b
1.5
#a8dadc
#ffd23f
1.05
#a8dadc
#ff6b6b
1.81
#ffd23f
#ff6b6b
1.92

Image palette Micro Frontend Modular Kit png

Micro Frontend Modular Kit color palette: Deploy Dust, Router Red, Scoped Cyan, Framework Graphite, Slot Lemon, Isolate Pink
 Download image