Generate Palette
  1. Colors palettes
  2. Next.js Minimalist Shades
Created at 06/05/2025 20:35
byhex
  11

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.

By lightness, this palette runs from #262626 (darkest) to #FAFAFA (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #1E293B, #262626, #3B82F6, #EF4444, #FAFAFA, #FFEDD5

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 CharcoalGray15
#fafafa #fafafa RGB(250, 250, 250)Static WhiteDr. 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 SandCrushed 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

Image palette Next.js Minimalist Shades png

Next.js Minimalist Shades - #551141
 Download image