Generate Palette
  1. Colors palettes
  2. Generative Design System with JS
Created at 07/22/2025 11:45
bycoolor
  11

Generative Design System with JS

  • Generator Lime
    #d4e157
  • Token Violet
    #8e24aa
  • UI Output Black
    #212121
  • Schema Cream
    #fff8e1
  • Function Pink
    #f06292
  • Interactive Cyan
    #26c6da
  • Console White
    #fafafa
The palette consists of Light, Dark colors. Accent colors Schema Cream #fff8e1 and Interactive Cyan #26c6da. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #212121 (darkest) to #FAFAFA (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).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #212121, #26C6DA, #8E24AA, #D4E157, #F06292, #FAFAFA, #FFF8E1

Palette Generative Design System with JS has combination of 7 codes colors:
HEX: #d4e157, RGB: (212, 225, 87); HEX: #8e24aa, RGB: (142, 36, 170); HEX: #212121, RGB: (33, 33, 33)
HEX: #fff8e1, RGB: (255, 248, 225); HEX: #f06292, RGB: (240, 98, 146); HEX: #26c6da, RGB: (38, 198, 218)
HEX: #fafafa, RGB: (250, 250, 250)
Simplified version of palette colors
Tint of Khaki, Tint of darkorchid, Shade of Black, Shade of cornsilk, Tint of palevioletred, Shade of darkturquoise, Shade of whitesmoke
Color scheme was created by coolor

Colors codes in palette

Generative Design System with JS color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#d4e157 #d4e157 RGB(212, 225, 87)Generator Lime—
#8e24aa #8e24aa RGB(142, 36, 170)Token Violet—
#212121 #212121 RGB(33, 33, 33)UI Output BlackLead
#fff8e1 #fff8e1 RGB(255, 248, 225)Schema CreamStill Morning
#f06292 #f06292 RGB(240, 98, 146)Function Pink—
#26c6da #26c6da RGB(38, 198, 218)Interactive Cyan—
#fafafa #fafafa RGB(250, 250, 250)Console WhiteDr. White

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#d4e157
#fff8e1
1.34
#d4e157
#26c6da
1.44
#d4e157
#fafafa
1.36
#fff8e1
#26c6da
1.94
#fff8e1
#fafafa
1.01
#f06292
#26c6da
1.48

Image palette Generative Design System with JS png

Generative Design System with JS - #556220
 Download image