Created at 08/15/2025 08:24
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
The palette consists of Light, Dark colors. Accent colors Accessibility Navy #023047 and Clickable Gold #ffd100. Palette has Cool, Neutral, Warm colors temperature.
Palette UX Wireframe Quantum Portal has combination of 8 codes colors:
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
Tint of turquoise, Tint of darkseagreen, Tint of papayawhip, Shade of lightcoral, Shade of midnightblue, Shade of Black, Tint of gold, Tint of whitesmoke
Color scheme was created by raccoon
Colors 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 Gold | Electric Glow |
| #eaeaea | #eaeaea | RGB(234, 234, 234) | Prototype Light Grey | Plaster |
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 |
