Created at 07/11/2025 20:36
React Hooks Adaptive UI Theme
UseEffect Indigo
#5d5fef
Memo Peach
#ffd6a5
Render Fog
#f3f4f6
Props Pink
#ff758f
State Cyan
#3de1ad
Lifecycle Graphite
#3c3c3c
The palette consists of Light colors. Accent colors UseEffect Indigo #5d5fef and Memo Peach #ffd6a5. Palette has Cool, Warm, Neutral colors temperature.
Palette React Hooks Adaptive UI Theme has combination of 6 codes colors:
HEX: #5d5fef, RGB: (93, 95, 239); HEX: #ffd6a5, RGB: (255, 214, 165); HEX: #f3f4f6, RGB: (243, 244, 246)
HEX: #ff758f, RGB: (255, 117, 143); HEX: #3de1ad, RGB: (61, 225, 173); HEX: #3c3c3c, RGB: (60, 60, 60)
Simplified version of palette colors
Tint of mediumslateblue, Tint of navajowhite, Tint of whitesmoke, Tint of lightcoral, Tint of mediumaquamarine, Tint of darkslategrey
Color scheme was created by colorday
Colors codes in palette
React Hooks Adaptive UI Theme color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #5d5fef | #5d5fef | RGB(93, 95, 239) | UseEffect Indigo | — |
| #ffd6a5 | #ffd6a5 | RGB(255, 214, 165) | Memo Peach | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Render Fog | — |
| #ff758f | #ff758f | RGB(255, 117, 143) | Props Pink | — |
| #3de1ad | #3de1ad | RGB(61, 225, 173) | State Cyan | — |
| #3c3c3c | #3c3c3c | RGB(60, 60, 60) | Lifecycle Graphite | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#5d5fef | #ff758f | 1.88 |
#ffd6a5 | #f3f4f6 | 1.23 |
#ffd6a5 | #ff758f | 1.88 |
#ffd6a5 | #3de1ad | 1.22 |
#f3f4f6 | #3de1ad | 1.51 |
#ff758f | #3de1ad | 1.53 |
