Generate Palette
  1. Colors palettes
  2. Next.js Static Site Generator UI
Created at 07/11/2025 21:05
bycolourlock
  1

Next.js Static Site Generator UI

  • Static Graphite
    #2e2e2e
  • Hydration Yellow
    #ffe066
  • Dynamic Route Aqua
    #5ec576
  • Fallback Cream
    #fff8e7
  • SSR Pink
    #fdaeae
  • Page Navy
    #003049
  • Head Meta Mint
    #a3f7bf
The palette consists of Dark, Light colors. Accent colors Fallback Cream #fff8e7 and Page Navy #003049. Palette has Neutral, Warm, Cool colors temperature.

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

Overall saturation feels vivid (higher chroma).

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): #003049, #2E2E2E, #5EC576, #A3F7BF, #FDAEAE, #FFE066, #FFF8E7

Palette Next.js Static Site Generator UI has combination of 7 codes colors:
HEX: #2e2e2e, RGB: (46, 46, 46); HEX: #ffe066, RGB: (255, 224, 102); HEX: #5ec576, RGB: (94, 197, 118)
HEX: #fff8e7, RGB: (255, 248, 231); HEX: #fdaeae, RGB: (253, 174, 174); HEX: #003049, RGB: (0, 48, 73)
HEX: #a3f7bf, RGB: (163, 247, 191)
Simplified version of palette colors
Shade of Black, Shade of gold, Shade of mediumseagreen, Shade of oldlace, Tint of lightpink, Shade of midnightblue, Shade of aquamarine
Color scheme was created by colourlock

Colors codes in palette

Next.js Static Site Generator UI color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#2e2e2e #2e2e2e RGB(46, 46, 46)Static GraphiteCarbon Fiber
#ffe066 #ffe066 RGB(255, 224, 102)Hydration Yellow—
#5ec576 #5ec576 RGB(94, 197, 118)Dynamic Route Aqua—
#fff8e7 #fff8e7 RGB(255, 248, 231)Fallback CreamCosmic Latte
#fdaeae #fdaeae RGB(253, 174, 174)SSR Pink—
#003049 #003049 RGB(0, 48, 73)Page Navy—
#a3f7bf #a3f7bf RGB(163, 247, 191)Head Meta Mint—

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#2e2e2e
#003049
1.01
#ffe066
#5ec576
1.65
#ffe066
#fff8e7
1.23
#ffe066
#fdaeae
1.36
#ffe066
#a3f7bf
1.03
#5ec576
#fdaeae
1.21

Image palette Next.js Static Site Generator UI png

Next.js Static Site Generator UI - #555041
 Download image