Created at 07/11/2025 20:54
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.
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 Graphite | Carbon 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 |
