Generate Palette
  1. Colors palettes
  2. Next.js Predictive UX Mesh
Created at 07/08/2025 20:20
byhex
  16

Next.js Predictive UX Mesh

  • React Graphite
    #2b2d42
  • Prediction Pink
    #ffa3b1
  • SSR Silver
    #d9d9d9
  • Function Sky
    #a8e6ff
  • Hook Green
    #55d6be
  • Viewport White
    #f9f9f9
The palette consists of Dark, Light colors. Accent colors Prediction Pink #ffa3b1 and Function Sky #a8e6ff. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #2B2D42 (darkest) to #F9F9F9 (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): #2B2D42, #55D6BE, #A8E6FF, #D9D9D9, #F9F9F9, #FFA3B1

Palette Next.js Predictive UX Mesh has combination of 6 codes colors:
HEX: #2b2d42, RGB: (43, 45, 66); HEX: #ffa3b1, RGB: (255, 163, 177); HEX: #d9d9d9, RGB: (217, 217, 217)
HEX: #a8e6ff, RGB: (168, 230, 255); HEX: #55d6be, RGB: (85, 214, 190); HEX: #f9f9f9, RGB: (249, 249, 249)
Simplified version of palette colors
Shade of midnightblue, Tint of lightpink, Tint of gainsboro, Shade of lightblue, Tint of turquoise, Shade of whitesmoke
Color scheme was created by hex

Colors codes in palette

Next.js Predictive UX Mesh color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#2b2d42 #2b2d42 RGB(43, 45, 66)React Graphite—
#ffa3b1 #ffa3b1 RGB(255, 163, 177)Prediction Pink—
#d9d9d9 #d9d9d9 RGB(217, 217, 217)SSR SilverGray85
#a8e6ff #a8e6ff RGB(168, 230, 255)Function Sky—
#55d6be #55d6be RGB(85, 214, 190)Hook Green—
#f9f9f9 #f9f9f9 RGB(249, 249, 249)Viewport WhiteDoctor

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ffa3b1
#d9d9d9
1.33
#ffa3b1
#a8e6ff
1.38
#ffa3b1
#55d6be
1.05
#ffa3b1
#f9f9f9
1.79
#d9d9d9
#a8e6ff
1.03
#d9d9d9
#55d6be
1.26

Image palette Next.js Predictive UX Mesh png

Next.js Predictive UX Mesh - #554408
 Download image