Generate Palette
  1. Colors palettes
  2. Next.js UI Pulse Interface
Created at 07/08/2025 19:52
bycolorslib
  1

Next.js UI Pulse Interface

  • Framework Graphite
    #1f2937
  • SSR Sky
    #38bdf8
  • Hook Salmon
    #ffa69e
  • Render White
    #fafafa
  • Async Indigo
    #7c83fd
  • Compile Gold
    #ffd93d
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).

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): #1F2937, #38BDF8, #7C83FD, #FAFAFA, #FFA69E, #FFD93D

Palette Next.js UI Pulse Interface has combination of 6 codes colors:
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
Shade of Black, Shade of deepskyblue, Tint of lightpink, Shade of whitesmoke, Shade of mediumslateblue, Shade of gold
Color scheme was created by colorslib

Colors 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