Generate Palette
  1. Colors palettes
  2. Multi-theme Web Component Stack
Created at 06/08/2025 17:21
bycolorhunt
  11

Multi-theme Web Component Stack

  • Mode Switch Beige
    #fef6e4
  • Primary Night Blue
    #172554
  • Secondary Dust
    #a9a9a9
  • Accent Blush
    #f8b4c0
  • Toggle Base
    #212121
  • Theme Aura
    #a0c4ff
The palette consists of Light, Dark colors. Accent colors Mode Switch Beige #fef6e4 and Theme Aura #a0c4ff. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #212121 (darkest) to #FEF6E4 (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma).

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): #172554, #212121, #A0C4FF, #A9A9A9, #F8B4C0, #FEF6E4

Palette Multi-theme Web Component Stack has combination of 6 codes colors:
HEX: #fef6e4, RGB: (254, 246, 228); HEX: #172554, RGB: (23, 37, 84); HEX: #a9a9a9, RGB: (169, 169, 169)
HEX: #f8b4c0, RGB: (248, 180, 192); HEX: #212121, RGB: (33, 33, 33); HEX: #a0c4ff, RGB: (160, 196, 255)
Simplified version of palette colors
Shade of oldlace, Shade of midnightblue, Tint of lightpink, Shade of Black, Tint of lightsteelblue
Color scheme was created by colorhunt

Colors codes in palette

Multi-theme Web Component Stack color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fef6e4 #fef6e4 RGB(254, 246, 228)Mode Switch Beige—
#172554 #172554 RGB(23, 37, 84)Primary Night Blue—
#a9a9a9 #a9a9a9 RGB(169, 169, 169)Secondary DustDarkgray
#f8b4c0 #f8b4c0 RGB(248, 180, 192)Accent Blush—
#212121 #212121 RGB(33, 33, 33)Toggle BaseLead
#a0c4ff #a0c4ff RGB(160, 196, 255)Theme Aura—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fef6e4
#f8b4c0
1.58
#fef6e4
#a0c4ff
1.64
#172554
#212121
1.09
#a9a9a9
#f8b4c0
1.37
#a9a9a9
#a0c4ff
1.32
#f8b4c0
#a0c4ff
1.03

Image palette Multi-theme Web Component Stack png

Multi-theme Web Component Stack - #551331
 Download image