Generate Palette
  1. Color Palettes
  2. Scalable Interface Architecture

Scalable Interface Architecture

  • Load Balancer Gold
    #fcd34d
  • Container Cloud
    #e0fbfc
  • Module Navy
    #1b1f3b
  • Microfrontend Blush
    #ffc1cf
  • Service Layer Cream
    #fffaf0
  • Route Blue
    #3f88c5
  11
Created at 07/07/2025 17:19
bycolorday
The palette consists of Light, Dark colors. Accent colors Container Cloud #e0fbfc and Service Layer Cream #fffaf0. Palette has Warm, Neutral, Cool colors temperature.

By lightness, this palette runs from #1B1F3B (darkest) to #FFFAF0 (lightest). The lightness range is wide.

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

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

Warm and cool swatches are fairly balanced (2 warm, 2 cool).

HEX codes (sorted): #1B1F3B, #3F88C5, #E0FBFC, #FCD34D, #FFC1CF, #FFFAF0

Palette Scalable Interface Architecture combines 6 color codes:
HEX: #fcd34d, RGB: (252, 211, 77); HEX: #e0fbfc, RGB: (224, 251, 252); HEX: #1b1f3b, RGB: (27, 31, 59)
HEX: #ffc1cf, RGB: (255, 193, 207); HEX: #fffaf0, RGB: (255, 250, 240); HEX: #3f88c5, RGB: (63, 136, 197)
Simplified version of palette colors
Tint of Gold, Shade of Light Cyan, Shade of Midnight Blue, Tint of Pink, Floral White, Tint of Steel Blue
Color scheme was created by colorday

Color codes in palette

Scalable Interface Architecture color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fcd34d #fcd34d RGB(252, 211, 77)Load Balancer Gold—
#e0fbfc #e0fbfc RGB(224, 251, 252)Container Cloud—
#1b1f3b #1b1f3b RGB(27, 31, 59)Module Navy—
#ffc1cf #ffc1cf RGB(255, 193, 207)Microfrontend Blush—
#fffaf0 #fffaf0 RGB(255, 250, 240)Service Layer CreamFloralwhite
#3f88c5 #3f88c5 RGB(63, 136, 197)Route Blue—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fcd34d
#e0fbfc
1.33
#fcd34d
#ffc1cf
1.05
#fcd34d
#fffaf0
1.38
#e0fbfc
#ffc1cf
1.4
#e0fbfc
#fffaf0
1.04
#ffc1cf
#fffaf0
1.46

Image palette Scalable Interface Architecture png

Scalable Interface Architecture color palette: Load Balancer Gold, Container Cloud, Module Navy, Microfrontend Blush
 Download image