Generate Palette
  1. Colors palettes
  2. Next.js Dark Mode Studio
Created at 07/04/2025 09:41
bycolorday
  6

Next.js Dark Mode Studio

  • SSR Slate
    #37474f
  • Tailwind Mist
    #e0f2f1
  • Static Jet
    #212121
  • Optimized Violet
    #7e57c2
  • Hydrate Ice
    #f3f3f3
  • Code Orange
    #ff7043
The palette consists of Light, Dark colors. Accent colors Tailwind Mist #e0f2f1 and Code Orange #ff7043. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #212121 (darkest) to #F3F3F3 (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): #212121, #37474F, #7E57C2, #E0F2F1, #F3F3F3, #FF7043

Palette Next.js Dark Mode Studio has combination of 6 codes colors:
HEX: #37474f, RGB: (55, 71, 79); HEX: #e0f2f1, RGB: (224, 242, 241); HEX: #212121, RGB: (33, 33, 33)
HEX: #7e57c2, RGB: (126, 87, 194); HEX: #f3f3f3, RGB: (243, 243, 243); HEX: #ff7043, RGB: (255, 112, 67)
Simplified version of palette colors
Tint of darkslategrey, Tint of azure, Shade of Black, Shade of slateblue, Tint of whitesmoke, Tint of coral
Color scheme was created by colorday

Colors codes in palette

Next.js Dark Mode Studio color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#37474f #37474f RGB(55, 71, 79)SSR Slate—
#e0f2f1 #e0f2f1 RGB(224, 242, 241)Tailwind Mist—
#212121 #212121 RGB(33, 33, 33)Static JetLead
#7e57c2 #7e57c2 RGB(126, 87, 194)Optimized Violet—
#f3f3f3 #f3f3f3 RGB(243, 243, 243)Hydrate Ice—
#ff7043 #ff7043 RGB(255, 112, 67)Code Orange—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#37474f
#212121
1.66
#37474f
#7e57c2
1.85
#e0f2f1
#f3f3f3
1.04
#7e57c2
#ff7043
1.89

Image palette Next.js Dark Mode Studio png

Next.js Dark Mode Studio - #553502
 Download image