Created at 06/27/2025 11:02
Advanced UI Component Matrix
Slot Sky
#bae6fd
Binding Slate
#475569
Trigger Peach
#fed7aa
Node Black
#0a0a0a
Render White
#f9fafb
Prop Green
#22c55e
State Plum
#a78bfa
The palette consists of Light, Semi dark, Dark colors. Accent colors Slot Sky #bae6fd and Trigger Peach #fed7aa. Palette has Cool, Warm, Neutral colors temperature.
Palette Advanced UI Component Matrix has combination of 7 codes colors:
HEX: #bae6fd, RGB: (186, 230, 253); HEX: #475569, RGB: (71, 85, 105); HEX: #fed7aa, RGB: (254, 215, 170)
HEX: #0a0a0a, RGB: (10, 10, 10); HEX: #f9fafb, RGB: (249, 250, 251); HEX: #22c55e, RGB: (34, 197, 94)
HEX: #a78bfa, RGB: (167, 139, 250)
Simplified version of palette colors
Shade of lightblue, Shade of darkslateblue, Tint of navajowhite, Shade of Black, Shade of whitesmoke, Tint of limegreen, Shade of mediumpurple
Color scheme was created by bad_colors
Colors codes in palette
Advanced UI Component Matrix color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #bae6fd | #bae6fd | RGB(186, 230, 253) | Slot Sky | — |
| #475569 | #475569 | RGB(71, 85, 105) | Binding Slate | — |
| #fed7aa | #fed7aa | RGB(254, 215, 170) | Trigger Peach | — |
| #0a0a0a | #0a0a0a | RGB(10, 10, 10) | Node Black | Existential Angst |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Render White | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Prop Green | — |
| #a78bfa | #a78bfa | RGB(167, 139, 250) | State Plum | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#bae6fd | #fed7aa | 1.01 |
#bae6fd | #f9fafb | 1.26 |
#bae6fd | #22c55e | 1.71 |
#fed7aa | #f9fafb | 1.29 |
#fed7aa | #22c55e | 1.68 |
#22c55e | #a78bfa | 1.19 |
