Generate Palette
  1. Colors palettes
  2. NextJS AI Tools Light Theme UX
Created at 07/23/2025 08:38
byraccoon
  16

NextJS AI Tools Light Theme UX

  • Static Cream
    #faf9f6
  • SSR Navy
    #003049
  • Dynamic Blush
    #ff99c8
  • Hook Sky
    #70d6ff
  • Route White
    #fffdfd
  • Token Slate
    #7c8b95
The palette consists of Light, Dark colors. Accent colors Hook Sky #70d6ff and Route White #fffdfd. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #003049 (darkest) to #FFFDFD (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): #003049, #70D6FF, #7C8B95, #FAF9F6, #FF99C8, #FFFDFD

Palette NextJS AI Tools Light Theme UX has combination of 6 codes colors:
HEX: #faf9f6, RGB: (250, 249, 246); HEX: #003049, RGB: (0, 48, 73); HEX: #ff99c8, RGB: (255, 153, 200)
HEX: #70d6ff, RGB: (112, 214, 255); HEX: #fffdfd, RGB: (255, 253, 253); HEX: #7c8b95, RGB: (124, 139, 149)
Simplified version of palette colors
Shade of whitesmoke, Shade of midnightblue, Shade of plum, Shade of skyblue, Tint of White, Shade of lightslategrey
Color scheme was created by raccoon

Colors codes in palette

NextJS AI Tools Light Theme UX color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#faf9f6 #faf9f6 RGB(250, 249, 246)Static Cream—
#003049 #003049 RGB(0, 48, 73)SSR Navy—
#ff99c8 #ff99c8 RGB(255, 153, 200)Dynamic Blush—
#70d6ff #70d6ff RGB(112, 214, 255)Hook Sky—
#fffdfd #fffdfd RGB(255, 253, 253)Route WhiteWhitecap Snow
#7c8b95 #7c8b95 RGB(124, 139, 149)Token Slate—

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#faf9f6
#ff99c8
1.87
#faf9f6
#70d6ff
1.56
#faf9f6
#fffdfd
1.03
#ff99c8
#70d6ff
1.19
#ff99c8
#fffdfd
1.94
#ff99c8
#7c8b95
1.77

Image palette NextJS AI Tools Light Theme UX png

NextJS AI Tools Light Theme UX - #556406
 Download image