Generate Palette
  1. Color Palettes
  2. UX Wireframe Quantum Portal

UX Wireframe Quantum Portal

  • Blueprint Cyan
    #0cecdd
  • User Path Olive
    #a3b18a
  • Component Panel Cream
    #faedcd
  • Flowchart Coral
    #e5989b
  • Accessibility Navy
    #023047
  • Neural Shadow Black
    #101010
  • Clickable Gold
    #ffd100
  • Prototype Light Grey
    #eaeaea
  16
Created at 08/15/2025 08:24
byraccoon
The palette consists of Light, Dark colors. Accent colors Accessibility Navy #023047 and Clickable Gold #ffd100. Palette has Cool, Warm, Neutral colors temperature.

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

Overall saturation feels vivid (higher chroma) — 63% 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 (3 warm, 3 cool).

HEX codes (sorted): #023047, #0CECDD, #101010, #A3B18A, #E5989B, #EAEAEA, #FAEDCD, #FFD100

Palette UX Wireframe Quantum Portal combines 8 color codes:
HEX: #0cecdd, RGB: (12, 236, 221); HEX: #a3b18a, RGB: (163, 177, 138); HEX: #faedcd, RGB: (250, 237, 205)
HEX: #e5989b, RGB: (229, 152, 155); HEX: #023047, RGB: (2, 48, 71); HEX: #101010, RGB: (16, 16, 16)
HEX: #ffd100, RGB: (255, 209, 0); HEX: #eaeaea, RGB: (234, 234, 234)
Simplified version of palette colors
Shade of Turquoise, Shade of Dark Sea Green, Shade of Papaya Whip, Tint of Light Coral, Tint of Midnight Blue, Tint of Black, Shade of Gold, Shade of White Smoke
Color scheme was created by raccoon

Color codes in palette

UX Wireframe Quantum Portal color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#0cecdd #0cecdd RGB(12, 236, 221)Blueprint Cyan—
#a3b18a #a3b18a RGB(163, 177, 138)User Path Olive—
#faedcd #faedcd RGB(250, 237, 205)Component Panel Cream—
#e5989b #e5989b RGB(229, 152, 155)Flowchart Coral—
#023047 #023047 RGB(2, 48, 71)Accessibility Navy—
#101010 #101010 RGB(16, 16, 16)Neural Shadow Black—
#ffd100 #ffd100 RGB(255, 209, 0)Clickable GoldElectric Glow
#eaeaea #eaeaea RGB(234, 234, 234)Prototype Light GreyPlaster

Color Palette Contrast

16 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#0cecdd
#a3b18a
1.52
#0cecdd
#faedcd
1.28
#0cecdd
#e5989b
1.51
#0cecdd
#ffd100
1.02
#0cecdd
#eaeaea
1.24
#a3b18a
#faedcd
1.96

Image palette UX Wireframe Quantum Portal png

UX Wireframe Quantum Portal color palette: Blueprint Cyan, User Path Olive, Component Panel Cream, Flowchart Coral
 Download image