Created at 06/24/2025 17:32
Accessible Light UI Kit
Background Bone
#fffcf9
Button Coral Pop
#ff8474
Label Charcoal
#2e2f31
Icon Lime
#d9ff7a
Hover Seafoam
#c4f8e4
Border Dust Gray
#d8d8d8
The palette consists of Light, Dark colors. Accent colors Background Bone #fffcf9 and Hover Seafoam #c4f8e4. Palette has Neutral, Warm, Cool colors temperature.
Palette Accessible Light UI Kit has combination of 6 codes colors:
HEX: #fffcf9, RGB: (255, 252, 249); HEX: #ff8474, RGB: (255, 132, 116); HEX: #2e2f31, RGB: (46, 47, 49)
HEX: #d9ff7a, RGB: (217, 255, 122); HEX: #c4f8e4, RGB: (196, 248, 228); HEX: #d8d8d8, RGB: (216, 216, 216)
Simplified version of palette colors
Tint of White, Shade of salmon, Shade of Black, Shade of greenyellow, Shade of paleturquoise, Shade of lightgrey
Color scheme was created by colorday
Colors codes in palette
Accessible Light UI Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #fffcf9 | #fffcf9 | RGB(255, 252, 249) | Background Bone | — |
| #ff8474 | #ff8474 | RGB(255, 132, 116) | Button Coral Pop | — |
| #2e2f31 | #2e2f31 | RGB(46, 47, 49) | Label Charcoal | Black Cat |
| #d9ff7a | #d9ff7a | RGB(217, 255, 122) | Icon Lime | — |
| #c4f8e4 | #c4f8e4 | RGB(196, 248, 228) | Hover Seafoam | — |
| #d8d8d8 | #d8d8d8 | RGB(216, 216, 216) | Border Dust Gray | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#fffcf9 | #d9ff7a | 1.1 |
#fffcf9 | #c4f8e4 | 1.14 |
#fffcf9 | #d8d8d8 | 1.39 |
#ff8474 | #d8d8d8 | 1.67 |
#d9ff7a | #c4f8e4 | 1.03 |
#d9ff7a | #d8d8d8 | 1.25 |
