Created at 07/22/2025 11:21
UI State Management Syntax Map
Hook Yellow
#ffde59
Reducer Green
#8affc1
Dispatch Blue
#60a5fa
Component Grey
#d1d5db
Callback Violet
#c084fc
UI Ink
#1f2937
The palette consists of Light, Dark colors. Accent colors Hook Yellow #ffde59 and Callback Violet #c084fc. Palette has Warm, Cool colors temperature.
Palette UI State Management Syntax Map has combination of 6 codes colors:
HEX: #ffde59, RGB: (255, 222, 89); HEX: #8affc1, RGB: (138, 255, 193); HEX: #60a5fa, RGB: (96, 165, 250)
HEX: #d1d5db, RGB: (209, 213, 219); HEX: #c084fc, RGB: (192, 132, 252); HEX: #1f2937, RGB: (31, 41, 55)
Simplified version of palette colors
Shade of gold, Shade of aquamarine, Shade of cornflowerblue, Shade of lightgrey, Tint of violet, Shade of Black
Color scheme was created by colorslib
Colors codes in palette
UI State Management Syntax Map color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ffde59 | #ffde59 | RGB(255, 222, 89) | Hook Yellow | — |
| #8affc1 | #8affc1 | RGB(138, 255, 193) | Reducer Green | — |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Dispatch Blue | — |
| #d1d5db | #d1d5db | RGB(209, 213, 219) | Component Grey | — |
| #c084fc | #c084fc | RGB(192, 132, 252) | Callback Violet | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | UI Ink | — |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ffde59 | #8affc1 | 1.08 |
#ffde59 | #60a5fa | 1.91 |
#ffde59 | #d1d5db | 1.11 |
#ffde59 | #c084fc | 1.99 |
#8affc1 | #d1d5db | 1.2 |
#60a5fa | #d1d5db | 1.72 |
