Created at 07/13/2025 17:26
Accessible Data Grid Design Kit
Row Highlight
#dff3e3
Column Teal
#5bc0be
Header Slate
#424b54
Readable White
#ffffff
Focus Gold
#ffb627
Alt Row Grey
#dcdcdc
The palette consists of Light colors. Accent colors Column Teal #5bc0be and Focus Gold #ffb627. Palette has Neutral, Cool, Warm colors temperature.
Palette Accessible Data Grid Design Kit has combination of 6 codes colors:
HEX: #dff3e3, RGB: (223, 243, 227); HEX: #5bc0be, RGB: (91, 192, 190); HEX: #424b54, RGB: (66, 75, 84)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #ffb627, RGB: (255, 182, 39); HEX: #dcdcdc, RGB: (220, 220, 220)
Simplified version of palette colors
Tint of honeydew, Tint of mediumturquoise, Shade of darkslategrey, White, Shade of Orange, gainsboro
Color scheme was created by bad_colors
Colors codes in palette
Accessible Data Grid Design Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #dff3e3 | #dff3e3 | RGB(223, 243, 227) | Row Highlight | — |
| #5bc0be | #5bc0be | RGB(91, 192, 190) | Column Teal | — |
| #424b54 | #424b54 | RGB(66, 75, 84) | Header Slate | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Readable White | White |
| #ffb627 | #ffb627 | RGB(255, 182, 39) | Focus Gold | — |
| #dcdcdc | #dcdcdc | RGB(220, 220, 220) | Alt Row Grey | Gainsboro |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#dff3e3 | #5bc0be | 1.85 |
#dff3e3 | #ffffff | 1.16 |
#dff3e3 | #ffb627 | 1.5 |
#dff3e3 | #dcdcdc | 1.17 |
#5bc0be | #ffb627 | 1.23 |
#5bc0be | #dcdcdc | 1.57 |
