Created at 07/11/2025 20:11

Next.js Light/Dark Split Theme

The palette consists of Light, Dark colors. Accent colors Prop Pink #fdc5f5 and Tailwind Cyan #22d3ee. Palette has Neutral, Cool colors temperature.

By lightness, this palette runs from #111827 (darkest) to #F9FAFB (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

Hues are spread broadly around the wheel — a varied palette (loose heuristic).

Most swatches read as neutral in color temperature.

HEX codes (sorted): #111827, #22D3EE, #A8A8A8, #C3B1E1, #F9FAFB, #FDC5F5

Palette Next.js Light/Dark Split Theme has combination of 6 codes colors:

HEX: #f9fafb, RGB: (249, 250, 251); HEX: #111827, RGB: (17, 24, 39); HEX: #c3b1e1, RGB: (195, 177, 225)

HEX: #fdc5f5, RGB: (253, 197, 245); HEX: #a8a8a8, RGB: (168, 168, 168); HEX: #22d3ee, RGB: (34, 211, 238)

Simplified version of palette colors

Shade of whitesmoke, Shade of Black, Tint of thistle, Shade of thistle, Tint of darkgrey, Shade of darkturquoise

Color scheme was created by hex

More palettes with:

Colors codes in palette

Next.js Light/Dark Split Theme color codes HEX, RGB information in table

9 color pairs have low contrast and need improvement which may impact readability.