Created at 07/04/2025 20:38
React Hyperlink UI Kit
Neon Coral
#ff6b6b
Electric Ice
#d9f7ff
Dark Component Gray
#2b2e3c
JavaScript Sand
#ffd67c
Hyperlink Violet
#6b5b95
Codebase Black
#101010
The palette consists of Light, Dark, Semi dark colors. Accent colors Electric Ice #d9f7ff and JavaScript Sand #ffd67c. Palette has Warm, Neutral, Cool colors temperature.
Palette React Hyperlink UI Kit has combination of 6 codes colors:
HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #d9f7ff, RGB: (217, 247, 255); HEX: #2b2e3c, RGB: (43, 46, 60)
HEX: #ffd67c, RGB: (255, 214, 124); HEX: #6b5b95, RGB: (107, 91, 149); HEX: #101010, RGB: (16, 16, 16)
Simplified version of palette colors
Tint of salmon, Tint of lightcyan, Shade of Black, Tint of navajowhite, Tint of slateblue, Shade of Black
Color scheme was created by bad_colors
Colors codes in palette
React Hyperlink UI Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Neon Coral | — |
| #d9f7ff | #d9f7ff | RGB(217, 247, 255) | Electric Ice | — |
| #2b2e3c | #2b2e3c | RGB(43, 46, 60) | Dark Component Gray | — |
| #ffd67c | #ffd67c | RGB(255, 214, 124) | JavaScript Sand | — |
| #6b5b95 | #6b5b95 | RGB(107, 91, 149) | Hyperlink Violet | — |
| #101010 | #101010 | RGB(16, 16, 16) | Codebase Black | — |
Color Palette Contrast
2 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#d9f7ff | #ffd67c | 1.23 |
#2b2e3c | #101010 | 1.41 |
