Created at 06/25/2025 20:34
Modern JS Developer Panel
Code Red
#ef4444
Package Green
#22c55e
Theme Black
#030712
Script Taupe
#f1f5f9
Bundle Orange
#f97316
Reload Sky
#38bdf8
Output Cream
#fefce8
The palette consists of Light, Dark colors. Accent colors Bundle Orange #f97316 and Reload Sky #38bdf8. Palette has Warm, Cool, Neutral colors temperature.
Palette Modern JS Developer Panel has combination of 7 codes colors:
HEX: #ef4444, RGB: (239, 68, 68); HEX: #22c55e, RGB: (34, 197, 94); HEX: #030712, RGB: (3, 7, 18)
HEX: #f1f5f9, RGB: (241, 245, 249); HEX: #f97316, RGB: (249, 115, 22); HEX: #38bdf8, RGB: (56, 189, 248)
HEX: #fefce8, RGB: (254, 252, 232)
Simplified version of palette colors
Tint of indianred, Tint of limegreen, Shade of Black, Tint of aliceblue, Shade of chocolate, Shade of deepskyblue, Tint of ivory
Color scheme was created by raccoon
Colors codes in palette
Modern JS Developer Panel color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Code Red | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Package Green | — |
| #030712 | #030712 | RGB(3, 7, 18) | Theme Black | — |
| #f1f5f9 | #f1f5f9 | RGB(241, 245, 249) | Script Taupe | — |
| #f97316 | #f97316 | RGB(249, 115, 22) | Bundle Orange | — |
| #38bdf8 | #38bdf8 | RGB(56, 189, 248) | Reload Sky | — |
| #fefce8 | #fefce8 | RGB(254, 252, 232) | Output Cream | — |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ef4444 | #22c55e | 1.65 |
#ef4444 | #f97316 | 1.34 |
#ef4444 | #38bdf8 | 1.75 |
#22c55e | #f97316 | 1.23 |
#22c55e | #38bdf8 | 1.06 |
#f1f5f9 | #38bdf8 | 1.95 |
