Created at 10/03/2025 22:01
  21

Quantum inspired progressive UI kit theme

  • Quantum Teal
    #00bfa6
  • Accent Amber
    #ffba08
  • Neural Indigo
    #3a0ca3
  • Data Red
    #ef233c
  • Cloud White
    #fefefe
  • Dark Panel Grey
    #212529
  • Hover Pink
    #ff70a6
  • Gradient Cyan
    #48cae4
The palette consists of Light, Dark, Semi dark colors. Accent colors Quantum Teal #00bfa6 and Accent Amber #ffba08. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #212529 (darkest) to #FEFEFE (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): #00BFA6, #212529, #3A0CA3, #48CAE4, #EF233C, #FEFEFE, #FF70A6, #FFBA08

Palette Quantum inspired progressive UI kit theme has combination of 8 codes colors:
HEX: #00bfa6, RGB: (0, 191, 166); HEX: #ffba08, RGB: (255, 186, 8); HEX: #3a0ca3, RGB: (58, 12, 163)
HEX: #ef233c, RGB: (239, 35, 60); HEX: #fefefe, RGB: (254, 254, 254); HEX: #212529, RGB: (33, 37, 41)
HEX: #ff70a6, RGB: (255, 112, 166); HEX: #48cae4, RGB: (72, 202, 228)
Simplified version of palette colors
Tint of lightseagreen, Shade of goldenrod, Shade of mediumblue, Shade of crimson, Tint of White, Shade of Black, Shade of hotpink, Tint of skyblue
Color scheme was created by colourlock

Colors codes in palette

Quantum inspired progressive UI kit theme color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#00bfa6 #00bfa6 RGB(0, 191, 166)Quantum Teal
#ffba08 #ffba08 RGB(255, 186, 8)Accent Amber
#3a0ca3 #3a0ca3 RGB(58, 12, 163)Neural Indigo
#ef233c #ef233c RGB(239, 35, 60)Data Red
#fefefe #fefefe RGB(254, 254, 254)Cloud WhiteWhite as Heaven
#212529 #212529 RGB(33, 37, 41)Dark Panel Grey
#ff70a6 #ff70a6 RGB(255, 112, 166)Hover Pink
#48cae4 #48cae4 RGB(72, 202, 228)Gradient Cyan

Color Palette Contrast

11 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#00bfa6
#ffba08
1.36
#00bfa6
#ef233c
1.8
#00bfa6
#ff70a6
1.1
#00bfa6
#48cae4
1.2
#ffba08
#fefefe
1.69
#ffba08
#ff70a6
1.51

Image palette Quantum inspired progressive UI kit theme png