Loading...
Created at 07/28/2025 10:58
Techno-Aesthetic UX Design Graph
- Gridline Gold#f3ca40
- System Teal#00cfc1
- Mood Indigo#483c67
- UI Shadow#2e2c2f
- Screen White#f8f9fa
- Aesthetic Pink#f9c5d5
- Frame Silver#dadada
The palette consists of Light, Dark colors. Accent colors Gridline Gold #f3ca40 and System Teal #00cfc1. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #2E2C2F (darkest) to #F8F9FA (lightest). The lightness range is wide.
Overall saturation feels mostly muted (lower chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Most swatches read as neutral in color temperature.
HEX codes (sorted): #00CFC1, #2E2C2F, #483C67, #DADADA, #F3CA40, #F8F9FA, #F9C5D5
Palette Techno-Aesthetic UX Design Graph has combination of 7 codes colors:
HEX: #f3ca40, RGB: (243, 202, 64); HEX: #00cfc1, RGB: (0, 207, 193); HEX: #483c67, RGB: (72, 60, 103)
HEX: #2e2c2f, RGB: (46, 44, 47); HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #f9c5d5, RGB: (249, 197, 213)
HEX: #dadada, RGB: (218, 218, 218)
Simplified version of palette colors
Tint of gold, Tint of mediumturquoise, Tint of darkslateblue, Shade of Black, Shade of whitesmoke, Shade of Pink, Tint of gainsboro
Color scheme was created by colorhunt
Colors codes in palette
Techno-Aesthetic UX Design Graph color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f3ca40 | #f3ca40 | RGB(243, 202, 64) | Gridline Gold | Softsun |
| #00cfc1 | #00cfc1 | RGB(0, 207, 193) | System Teal | — |
| #483c67 | #483c67 | RGB(72, 60, 103) | Mood Indigo | — |
| #2e2c2f | #2e2c2f | RGB(46, 44, 47) | UI Shadow | — |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Screen White | — |
| #f9c5d5 | #f9c5d5 | RGB(249, 197, 213) | Aesthetic Pink | — |
| #dadada | #dadada | RGB(218, 218, 218) | Frame Silver | — |
Color Palette Contrast
11 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f3ca40 | #00cfc1 | 1.24 |
#f3ca40 | #f8f9fa | 1.49 |
#f3ca40 | #f9c5d5 | 1.04 |
#f3ca40 | #dadada | 1.12 |
#00cfc1 | #f8f9fa | 1.86 |
#00cfc1 | #f9c5d5 | 1.3 |
Image palette Techno-Aesthetic UX Design Graph png
Export Palette
Download the "Techno-Aesthetic UX Design Graph" in multiple formats for seamless integration into your design projects.
Available formats: