Created at 06/08/2025 17:44
Soft Grid Overlay UX System
- Row Pearl#fdf6ec
- Column Cool Gray#a0aec0
- Baseline Violet#a09abc
- Gutter Light Teal#c1f9e7
- Offset Charcoal#2d2d2d
- Margin Rose#f2bac9
The palette consists of Light, Dark colors. Accent colors Row Pearl #fdf6ec and Gutter Light Teal #c1f9e7. Palette has Neutral, Cool colors temperature.
By lightness, this palette runs from #2D2D2D (darkest) to #FDF6EC (lightest). The lightness range is wide.
Saturation is mixed — 3 muted and 3 vivid out of 6 colors.
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool (3 of 6).
HEX codes (sorted): #2D2D2D, #A09ABC, #A0AEC0, #C1F9E7, #F2BAC9, #FDF6EC
Palette Soft Grid Overlay UX System has combination of 6 codes colors:
HEX: #fdf6ec, RGB: (253, 246, 236); HEX: #a0aec0, RGB: (160, 174, 192); HEX: #a09abc, RGB: (160, 154, 188)
HEX: #c1f9e7, RGB: (193, 249, 231); HEX: #2d2d2d, RGB: (45, 45, 45); HEX: #f2bac9, RGB: (242, 186, 201)
Simplified version of palette colors
Tint of floralwhite, Tint of lightsteelblue, Tint of thistle, Shade of paleturquoise, Shade of Black, Tint of Pink
Color scheme was created by coolor
Colors codes in palette
Soft Grid Overlay UX System color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Row Pearl | — |
| #a0aec0 | #a0aec0 | RGB(160, 174, 192) | Column Cool Gray | — |
| #a09abc | #a09abc | RGB(160, 154, 188) | Baseline Violet | — |
| #c1f9e7 | #c1f9e7 | RGB(193, 249, 231) | Gutter Light Teal | — |
| #2d2d2d | #2d2d2d | RGB(45, 45, 45) | Offset Charcoal | — |
| #f2bac9 | #f2bac9 | RGB(242, 186, 201) | Margin Rose | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#fdf6ec | #c1f9e7 | 1.08 |
#fdf6ec | #f2bac9 | 1.54 |
#a0aec0 | #a09abc | 1.18 |
#a0aec0 | #c1f9e7 | 1.93 |
#a0aec0 | #f2bac9 | 1.35 |
#a09abc | #f2bac9 | 1.61 |
Image palette Soft Grid Overlay UX System png
Export Palette
Download the "Soft Grid Overlay UX System" in multiple formats for seamless integration into your design projects.
Available formats: