Created at 06/30/2025 17:50
  11

Next.js Form System Contrast

  • SSR Dust
    #f1f1f1
  • Submit Teal
    #00d2c3
  • Input Apricot
    #ffba93
  • Label Charcoal
    #2d2d2d
  • Warning Yellow
    #ffd93d
  • Error Pink
    #f25c66
The palette consists of Light, Dark colors. Accent colors Submit Teal #00d2c3 and Warning Yellow #ffd93d. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #2D2D2D (darkest) to #F1F1F1 (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 warm.

HEX codes (sorted): #00D2C3, #2D2D2D, #F1F1F1, #F25C66, #FFBA93, #FFD93D

Palette Next.js Form System Contrast has combination of 6 codes colors:
HEX: #f1f1f1, RGB: (241, 241, 241); HEX: #00d2c3, RGB: (0, 210, 195); HEX: #ffba93, RGB: (255, 186, 147)
HEX: #2d2d2d, RGB: (45, 45, 45); HEX: #ffd93d, RGB: (255, 217, 61); HEX: #f25c66, RGB: (242, 92, 102)
Simplified version of palette colors
Tint of whitesmoke, Tint of turquoise, Shade of lightsalmon, Shade of Black, Shade of gold, Shade of indianred
Color scheme was created by colorhunt

Colors codes in palette

Next.js Form System Contrast color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f1f1f1 #f1f1f1 RGB(241, 241, 241)SSR Dust
#00d2c3 #00d2c3 RGB(0, 210, 195)Submit Teal
#ffba93 #ffba93 RGB(255, 186, 147)Input Apricot
#2d2d2d #2d2d2d RGB(45, 45, 45)Label Charcoal
#ffd93d #ffd93d RGB(255, 217, 61)Warning Yellow
#f25c66 #f25c66 RGB(242, 92, 102)Error Pink

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f1f1f1
#00d2c3
1.68
#f1f1f1
#ffba93
1.46
#f1f1f1
#ffd93d
1.21
#00d2c3
#ffba93
1.15
#00d2c3
#ffd93d
1.38
#00d2c3
#f25c66
1.69

Image palette Next.js Form System Contrast png