Created at 07/05/2025 18:28
Scalable Admin UX System
- Superuser Navy#334e68
- Instance Beige#fdf6ec
- Form Field Gray#d8d8d8
- Data Card Cyan#8ee3ef
- Control Highlight Yellow#fff176
The palette consists of Light colors. Accent colors Data Card Cyan #8ee3ef and Control Highlight Yellow #fff176. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #334E68 (darkest) to #FDF6EC (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): #334E68, #8EE3EF, #D8D8D8, #FDF6EC, #FFF176
Palette Scalable Admin UX System has combination of 5 codes colors:
HEX: #334e68, RGB: (51, 78, 104); HEX: #fdf6ec, RGB: (253, 246, 236); HEX: #d8d8d8, RGB: (216, 216, 216)
HEX: #8ee3ef, RGB: (142, 227, 239); HEX: #fff176, RGB: (255, 241, 118)
Simplified version of palette colors
Tint of darkslateblue, Tint of floralwhite, Shade of lightgrey, Tint of powderblue, Shade of Khaki
Color scheme was created by hex
Colors codes in palette
Scalable Admin UX System color codes HEX, RGB information in table
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#fdf6ec | #d8d8d8 | 1.32 |
#fdf6ec | #8ee3ef | 1.36 |
#fdf6ec | #fff176 | 1.08 |
#d8d8d8 | #8ee3ef | 1.02 |
#d8d8d8 | #fff176 | 1.22 |
#8ee3ef | #fff176 | 1.25 |
Image palette Scalable Admin UX System png
Export Palette
Download the "Scalable Admin UX System" in multiple formats for seamless integration into your design projects.
Available formats: