Generate Palette
  1. Colors palettes
  2. JavaScript React Motion UI Kit Analytics Dashboard AI
Created at 04/15/2026 11:34
byhex
  1

JavaScript React Motion UI Kit Analytics Dashboard AI

  • Dev Midnight
    #0a0f1e
  • Chart Aqua
    #00c2ff
  • Success Green
    #22c55e
  • Warning Amber
    #f59e0b
  • Error Red
    #ef4444
  • Panel Gray
    #9aa4b2
  • Highlight Indigo
    #6366f1
  • Base White
    #f8fafc
The palette consists of Dark, Light colors. Accent colors Chart Aqua #00c2ff and Warning Amber #f59e0b. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #0A0F1E (darkest) to #F8FAFC (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): #00C2FF, #0A0F1E, #22C55E, #6366F1, #9AA4B2, #EF4444, #F59E0B, #F8FAFC

Palette JavaScript React Motion UI Kit Analytics Dashboard AI has combination of 8 codes colors:
HEX: #0a0f1e, RGB: (10, 15, 30); HEX: #00c2ff, RGB: (0, 194, 255); HEX: #22c55e, RGB: (34, 197, 94)
HEX: #f59e0b, RGB: (245, 158, 11); HEX: #ef4444, RGB: (239, 68, 68); HEX: #9aa4b2, RGB: (154, 164, 178)
HEX: #6366f1, RGB: (99, 102, 241); HEX: #f8fafc, RGB: (248, 250, 252)
Simplified version of palette colors
Shade of Black, Shade of deepskyblue, Tint of limegreen, Tint of Orange, Tint of indianred, Tint of darkgrey, Tint of mediumslateblue, Shade of whitesmoke
Color scheme was created by hex

Colors codes in palette

JavaScript React Motion UI Kit Analytics Dashboard AI color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#0a0f1e #0a0f1e RGB(10, 15, 30)Dev Midnight—
#00c2ff #00c2ff RGB(0, 194, 255)Chart Aqua—
#22c55e #22c55e RGB(34, 197, 94)Success Green—
#f59e0b #f59e0b RGB(245, 158, 11)Warning Amber—
#ef4444 #ef4444 RGB(239, 68, 68)Error Red—
#9aa4b2 #9aa4b2 RGB(154, 164, 178)Panel Gray—
#6366f1 #6366f1 RGB(99, 102, 241)Highlight Indigo—
#f8fafc #f8fafc RGB(248, 250, 252)Base White—

Color Palette Contrast

14 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#00c2ff
#22c55e
1.1
#00c2ff
#f59e0b
1.03
#00c2ff
#ef4444
1.82
#00c2ff
#9aa4b2
1.22
#00c2ff
#f8fafc
1.97
#22c55e
#f59e0b
1.06

Image palette JavaScript React Motion UI Kit Analytics Dashboard AI png

JavaScript React Motion UI Kit Analytics Dashboard AI - #571618
 Download image