Generate Palette
  1. Colors palettes
  2. Progressive Design System Core
Created at 07/08/2025 20:16
bycolorday
  6

Progressive Design System Core

  • Primary Indigo
    #6366f1
  • Accent Lime
    #a3f7b5
  • Neutral Cream
    #fffdf6
  • Utility Gray
    #e5e5e5
  • Text Black
    #1e1e1e
The palette consists of Light, Dark colors. Accent colors Primary Indigo #6366f1 and Neutral Cream #fffdf6. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #1E1E1E (darkest) to #FFFDF6 (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma).

Hues sit in a neighboring band on the wheel (loose heuristic).

Most swatches read as neutral in color temperature.

HEX codes (sorted): #1E1E1E, #6366F1, #A3F7B5, #E5E5E5, #FFFDF6

Palette Progressive Design System Core has combination of 5 codes colors:
HEX: #6366f1, RGB: (99, 102, 241); HEX: #a3f7b5, RGB: (163, 247, 181); HEX: #fffdf6, RGB: (255, 253, 246)
HEX: #e5e5e5, RGB: (229, 229, 229); HEX: #1e1e1e, RGB: (30, 30, 30)
Simplified version of palette colors
Tint of mediumslateblue, Shade of lightgreen, Shade of floralwhite, Shade of gainsboro, Shade of Black
Color scheme was created by colorday

Colors codes in palette

Progressive Design System Core color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#6366f1 #6366f1 RGB(99, 102, 241)Primary Indigo—
#a3f7b5 #a3f7b5 RGB(163, 247, 181)Accent Lime—
#fffdf6 #fffdf6 RGB(255, 253, 246)Neutral Cream—
#e5e5e5 #e5e5e5 RGB(229, 229, 229)Utility GrayGray90
#1e1e1e #1e1e1e RGB(30, 30, 30)Text Black—

Color Palette Contrast

3 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#a3f7b5
#fffdf6
1.24
#a3f7b5
#e5e5e5
1
#fffdf6
#e5e5e5
1.23

Image palette Progressive Design System Core png

Progressive Design System Core - #554399
 Download image