Generate Palette
  1. Colors palettes
  2. Tokenized UX Pattern Framework
Created at 07/11/2025 20:54
bycolorhunt
  6

Tokenized UX Pattern Framework

  • Design Mint
    #bdfcc9
  • Component Graphite
    #2e2e2e
  • Pattern Rose
    #f67280
  • Gridline Grey
    #ced4da
  • Token Cream
    #fffbea
  • Accent Blue
    #57cc99
  • Layout Plum
    #9b5de5
The palette consists of Light, Dark colors. Accent colors Token Cream #fffbea and Layout Plum #9b5de5. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #2E2E2E (darkest) to #FFFBEA (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): #2E2E2E, #57CC99, #9B5DE5, #BDFCC9, #CED4DA, #F67280, #FFFBEA

Palette Tokenized UX Pattern Framework has combination of 7 codes colors:
HEX: #bdfcc9, RGB: (189, 252, 201); HEX: #2e2e2e, RGB: (46, 46, 46); HEX: #f67280, RGB: (246, 114, 128)
HEX: #ced4da, RGB: (206, 212, 218); HEX: #fffbea, RGB: (255, 251, 234); HEX: #57cc99, RGB: (87, 204, 153)
HEX: #9b5de5, RGB: (155, 93, 229)
Simplified version of palette colors
Shade of aquamarine, Shade of Black, Tint of lightcoral, Tint of lightgrey, Tint of ivory, Tint of mediumaquamarine, Tint of mediumpurple
Color scheme was created by colorhunt

Colors codes in palette

Tokenized UX Pattern Framework color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#bdfcc9 #bdfcc9 RGB(189, 252, 201)Design Mint—
#2e2e2e #2e2e2e RGB(46, 46, 46)Component GraphiteCarbon Fiber
#f67280 #f67280 RGB(246, 114, 128)Pattern Rose—
#ced4da #ced4da RGB(206, 212, 218)Gridline Grey—
#fffbea #fffbea RGB(255, 251, 234)Token Cream—
#57cc99 #57cc99 RGB(87, 204, 153)Accent Blue—
#9b5de5 #9b5de5 RGB(155, 93, 229)Layout Plum—

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#bdfcc9
#ced4da
1.27
#bdfcc9
#fffbea
1.12
#bdfcc9
#57cc99
1.7
#f67280
#ced4da
1.84
#f67280
#57cc99
1.37
#f67280
#9b5de5
1.5

Image palette Tokenized UX Pattern Framework png

Tokenized UX Pattern Framework - #555015
 Download image