Created at 06/13/2025 11:42
Frontend Dev Toolkit Palette
Lint Blue
#3a86ff
Compile Charcoal
#2d3142
Error Rose
#ff6b6b
Deploy Silver
#e6e8eb
State Orange
#ffa94d
Debug Mint
#c0fdfb
The palette consists of Light, Dark colors. Accent colors Lint Blue #3a86ff and State Orange #ffa94d. Palette has Cool, Warm, Neutral colors temperature.
Palette Frontend Dev Toolkit Palette has combination of 6 codes colors:
HEX: #3a86ff, RGB: (58, 134, 255); HEX: #2d3142, RGB: (45, 49, 66); HEX: #ff6b6b, RGB: (255, 107, 107)
HEX: #e6e8eb, RGB: (230, 232, 235); HEX: #ffa94d, RGB: (255, 169, 77); HEX: #c0fdfb, RGB: (192, 253, 251)
Simplified version of palette colors
Shade of dodgerblue, Tint of darkslateblue, Tint of salmon, Shade of gainsboro, Shade of sandybrown, Shade of paleturquoise
Color scheme was created by raccoon
Colors codes in palette
Frontend Dev Toolkit Palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Lint Blue | — |
| #2d3142 | #2d3142 | RGB(45, 49, 66) | Compile Charcoal | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Error Rose | — |
| #e6e8eb | #e6e8eb | RGB(230, 232, 235) | Deploy Silver | — |
| #ffa94d | #ffa94d | RGB(255, 169, 77) | State Orange | — |
| #c0fdfb | #c0fdfb | RGB(192, 253, 251) | Debug Mint | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#3a86ff | #ff6b6b | 1.25 |
#3a86ff | #ffa94d | 1.82 |
#ff6b6b | #ffa94d | 1.45 |
#e6e8eb | #ffa94d | 1.55 |
#e6e8eb | #c0fdfb | 1.09 |
#ffa94d | #c0fdfb | 1.69 |
