Generate Palette
  1. Color Palettes
  2. Next.js UI Pulse Interface

Next.js UI Pulse Interface

  • Framework Graphite
    #1f2937
  • SSR Sky
    #38bdf8
  • Hook Salmon
    #ffa69e
  • Render White
    #fafafa
  • Async Indigo
    #7c83fd
  • Compile Gold
    #ffd93d
  1
Created at 07/08/2025 19:52
bycolorslib
The palette consists of Dark, Light colors. Accent colors Async Indigo #7c83fd and Compile Gold #ffd93d. Palette has Cool, Warm, Neutral colors temperature.

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

Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans cool (3 of 6).

HEX codes (sorted): #1F2937, #38BDF8, #7C83FD, #FAFAFA, #FFA69E, #FFD93D

Palette Next.js UI Pulse Interface combines 6 color codes:
HEX: #1f2937, RGB: (31, 41, 55); HEX: #38bdf8, RGB: (56, 189, 248); HEX: #ffa69e, RGB: (255, 166, 158)
HEX: #fafafa, RGB: (250, 250, 250); HEX: #7c83fd, RGB: (124, 131, 253); HEX: #ffd93d, RGB: (255, 217, 61)
Simplified version of palette colors
Tint of Black, Tint of Deep Sky Blue, Shade of Light Pink, Tint of White Smoke, Tint of Medium Slate Blue, Tint of Gold
Color scheme was created by colorslib

Color codes in palette

Next.js UI Pulse Interface color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#1f2937 #1f2937 RGB(31, 41, 55)Framework Graphite—
#38bdf8 #38bdf8 RGB(56, 189, 248)SSR Sky—
#ffa69e #ffa69e RGB(255, 166, 158)Hook Salmon—
#fafafa #fafafa RGB(250, 250, 250)Render WhiteDr. White
#7c83fd #7c83fd RGB(124, 131, 253)Async Indigo—
#ffd93d #ffd93d RGB(255, 217, 61)Compile Gold—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#38bdf8
#ffa69e
1.14
#38bdf8
#7c83fd
1.5
#38bdf8
#ffd93d
1.55
#ffa69e
#fafafa
1.79
#ffa69e
#7c83fd
1.71
#ffa69e
#ffd93d
1.36

Image palette Next.js UI Pulse Interface png

Next.js UI Pulse Interface - #554346
 Download image