Created at 06/25/2025 20:33
Accessible Light UI Tokens
Readable Yellow
#fde68a
Ink Gray
#1f2937
Focus Teal
#2dd4bf
Soft Linen
#f9fafb
Error Rose
#fb7185
Card Silver
#e5e7eb
Header Sky
#93c5fd
The palette consists of Light, Dark colors. Accent colors Readable Yellow #fde68a and Header Sky #93c5fd. Palette has Warm, Cool, Neutral colors temperature.
Palette Accessible Light UI Tokens has combination of 7 codes colors:
HEX: #fde68a, RGB: (253, 230, 138); HEX: #1f2937, RGB: (31, 41, 55); HEX: #2dd4bf, RGB: (45, 212, 191)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #fb7185, RGB: (251, 113, 133); HEX: #e5e7eb, RGB: (229, 231, 235)
HEX: #93c5fd, RGB: (147, 197, 253)
Simplified version of palette colors
Shade of Khaki, Shade of Black, Tint of turquoise, Shade of whitesmoke, Tint of lightcoral, Shade of gainsboro, Tint of lightskyblue
Color scheme was created by palettespicker
Colors codes in palette
Accessible Light UI Tokens color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #fde68a | #fde68a | RGB(253, 230, 138) | Readable Yellow | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Ink Gray | — |
| #2dd4bf | #2dd4bf | RGB(45, 212, 191) | Focus Teal | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Soft Linen | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Error Rose | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Card Silver | — |
| #93c5fd | #93c5fd | RGB(147, 197, 253) | Header Sky | — |
Color Palette Contrast
12 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#fde68a | #2dd4bf | 1.49 |
#fde68a | #f9fafb | 1.19 |
#fde68a | #e5e7eb | 1 |
#fde68a | #93c5fd | 1.44 |
#2dd4bf | #f9fafb | 1.78 |
#2dd4bf | #fb7185 | 1.44 |
