Created at 05/04/2026 13:32
  1

Next Gen EdTech Mobile Learning Experience UI

  • Knowledge Indigo
    #1e1b4b
  • Learning Blue
    #3b82f6
  • Focus Cyan
    #22d3ee
  • Highlight Yellow
    #fde047
  • Soft Paper
    #f9fafb
  • Academic Gray
    #6b7280
  • Success Green
    #22c55e
  • Ink Black
    #0f172a
The palette consists of Dark, Light colors. Accent colors Learning Blue #3b82f6 and Highlight Yellow #fde047. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #0F172A (darkest) to #F9FAFB (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): #0F172A, #1E1B4B, #22C55E, #22D3EE, #3B82F6, #6B7280, #F9FAFB, #FDE047

Palette Next Gen EdTech Mobile Learning Experience UI has combination of 8 codes colors:
HEX: #1e1b4b, RGB: (30, 27, 75); HEX: #3b82f6, RGB: (59, 130, 246); HEX: #22d3ee, RGB: (34, 211, 238)
HEX: #fde047, RGB: (253, 224, 71); HEX: #f9fafb, RGB: (249, 250, 251); HEX: #6b7280, RGB: (107, 114, 128)
HEX: #22c55e, RGB: (34, 197, 94); HEX: #0f172a, RGB: (15, 23, 42)
Simplified version of palette colors
Tint of midnightblue, Tint of dodgerblue, Shade of darkturquoise, Shade of gold, Shade of whitesmoke, Tint of slategrey, Tint of limegreen, Shade of Black
Color scheme was created by colorslib

Colors codes in palette

Next Gen EdTech Mobile Learning Experience UI color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#1e1b4b #1e1b4b RGB(30, 27, 75)Knowledge Indigo
#3b82f6 #3b82f6 RGB(59, 130, 246)Learning Blue
#22d3ee #22d3ee RGB(34, 211, 238)Focus Cyan
#fde047 #fde047 RGB(253, 224, 71)Highlight Yellow
#f9fafb #f9fafb RGB(249, 250, 251)Soft Paper
#6b7280 #6b7280 RGB(107, 114, 128)Academic Gray
#22c55e #22c55e RGB(34, 197, 94)Success Green
#0f172a #0f172a RGB(15, 23, 42)Ink Black

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#1e1b4b
#0f172a
1.11
#3b82f6
#6b7280
1.31
#3b82f6
#22c55e
1.61
#22d3ee
#fde047
1.37
#22d3ee
#f9fafb
1.72
#22d3ee
#22c55e
1.26

Image palette Next Gen EdTech Mobile Learning Experience UI png