Created at 07/28/2025 11:30
Full-Stack Design Token UI Kit
Server Side Steel
#8892b0
Client Rose
#f9a1bc
Component Snow
#f7f9fa
Auth Mint
#cffafe
Request Charcoal
#202225
Route Gold
#fdc500
The palette consists of Light, Dark colors. Accent colors Auth Mint #cffafe and Route Gold #fdc500. Palette has Cool, Warm, Neutral colors temperature.
Palette Full-Stack Design Token UI Kit has combination of 6 codes colors:
HEX: #8892b0, RGB: (136, 146, 176); HEX: #f9a1bc, RGB: (249, 161, 188); HEX: #f7f9fa, RGB: (247, 249, 250)
HEX: #cffafe, RGB: (207, 250, 254); HEX: #202225, RGB: (32, 34, 37); HEX: #fdc500, RGB: (253, 197, 0)
Simplified version of palette colors
Shade of lightslategrey, Tint of lightpink, Shade of whitesmoke, Tint of lightcyan, Shade of Black, Tint of gold
Color scheme was created by palettespicker
Colors codes in palette
Full-Stack Design Token UI Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #8892b0 | #8892b0 | RGB(136, 146, 176) | Server Side Steel | — |
| #f9a1bc | #f9a1bc | RGB(249, 161, 188) | Client Rose | — |
| #f7f9fa | #f7f9fa | RGB(247, 249, 250) | Component Snow | — |
| #cffafe | #cffafe | RGB(207, 250, 254) | Auth Mint | — |
| #202225 | #202225 | RGB(32, 34, 37) | Request Charcoal | — |
| #fdc500 | #fdc500 | RGB(253, 197, 0) | Route Gold | — |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#8892b0 | #f9a1bc | 1.59 |
#8892b0 | #fdc500 | 1.93 |
#f9a1bc | #f7f9fa | 1.83 |
#f9a1bc | #cffafe | 1.72 |
#f9a1bc | #fdc500 | 1.21 |
#f7f9fa | #cffafe | 1.06 |
