Created at 06/05/2025 20:35
Next.js Minimalist Shades
Route Charcoal
#262626
Static White
#fafafa
Middleware Blue
#3b82f6
Fetch Coral
#ef4444
Edge Shadow
#1e293b
Payload Sand
#ffedd5
The palette consists of Dark, Light colors. Accent colors Middleware Blue #3b82f6 and Payload Sand #ffedd5. Palette has Neutral, Cool, Warm colors temperature.
Palette Next.js Minimalist Shades has combination of 6 codes colors:
HEX: #262626, RGB: (38, 38, 38); HEX: #fafafa, RGB: (250, 250, 250); HEX: #3b82f6, RGB: (59, 130, 246)
HEX: #ef4444, RGB: (239, 68, 68); HEX: #1e293b, RGB: (30, 41, 59); HEX: #ffedd5, RGB: (255, 237, 213)
Simplified version of palette colors
Shade of Black, Shade of whitesmoke, Tint of dodgerblue, Tint of indianred, Shade of midnightblue, Shade of antiquewhite
Color scheme was created by hex
Colors codes in palette
Next.js Minimalist Shades color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #262626 | #262626 | RGB(38, 38, 38) | Route Charcoal | Gray15 |
| #fafafa | #fafafa | RGB(250, 250, 250) | Static White | Dr. White |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Middleware Blue | — |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Fetch Coral | — |
| #1e293b | #1e293b | RGB(30, 41, 59) | Edge Shadow | — |
| #ffedd5 | #ffedd5 | RGB(255, 237, 213) | Payload Sand | Crushed Cashew |
Color Palette Contrast
3 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#262626 | #1e293b | 1.03 |
#fafafa | #ffedd5 | 1.09 |
#3b82f6 | #ef4444 | 1.02 |
