Created at 06/28/2025 20:12
Data Grid UI Framework
- Row Blue#3b82f6
- Cell Cream#fefce8
- Header Slate#475569
- Sort Mint#6ee7b7
- Filter Coral#fb7185
- Select Fog#f5f5f5
- Overflow Jet#0f172a
The palette consists of Light, Semi dark, Dark colors. Accent colors Row Blue #3b82f6 and Filter Coral #fb7185. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #0F172A (darkest) to #F5F5F5 (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #0F172A, #3B82F6, #475569, #6EE7B7, #F5F5F5, #FB7185, #FEFCE8
Palette Data Grid UI Framework has combination of 7 codes colors:
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #fefce8, RGB: (254, 252, 232); HEX: #475569, RGB: (71, 85, 105)
HEX: #6ee7b7, RGB: (110, 231, 183); HEX: #fb7185, RGB: (251, 113, 133); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #0f172a, RGB: (15, 23, 42)
Simplified version of palette colors
Tint of dodgerblue, Tint of ivory, Shade of darkslateblue, Tint of aquamarine, Tint of lightcoral, Shade of Black
Color scheme was created by colorstudio
Colors codes in palette
Data Grid UI Framework color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Row Blue | — |
| #fefce8 | #fefce8 | RGB(254, 252, 232) | Cell Cream | — |
| #475569 | #475569 | RGB(71, 85, 105) | Header Slate | — |
| #6ee7b7 | #6ee7b7 | RGB(110, 231, 183) | Sort Mint | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Filter Coral | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Select Fog | White Smoke |
| #0f172a | #0f172a | RGB(15, 23, 42) | Overflow Jet | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#3b82f6 | #fb7185 | 1.36 |
#fefce8 | #6ee7b7 | 1.47 |
#fefce8 | #f5f5f5 | 1.05 |
#6ee7b7 | #fb7185 | 1.76 |
#6ee7b7 | #f5f5f5 | 1.39 |
Image palette Data Grid UI Framework png
Export Palette
Download the "Data Grid UI Framework" in multiple formats for seamless integration into your design projects.
Available formats: