Generate Palette
  1. Color Palettes
  2. UX Audit Hyperstructure Palette

UX Audit Hyperstructure Palette

  • Contrast Pink
    #ff6b81
  • Audit Chart Olive
    #8a9a5b
  • Modal Shade Slate
    #495867
  • Text Label White
    #ffffff
  • Section Divider Grey
    #e5e5e5
  • Flowchart Cyan
    #3dd9d6
  6
Created at 07/11/2025 09:08
byraccoon
The palette consists of Light, Semi dark colors. Accent colors Contrast Pink #ff6b81 and Flowchart Cyan #3dd9d6. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #495867 (darkest) to #FFFFFF (lightest). The lightness range is moderate.

Overall saturation feels mostly muted (lower chroma) — 67% of colors are muted.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans cool (3 of 6).

HEX codes (sorted): #3DD9D6, #495867, #8A9A5B, #E5E5E5, #FF6B81, #FFFFFF

Palette UX Audit Hyperstructure Palette combines 6 color codes:
HEX: #ff6b81, RGB: (255, 107, 129); HEX: #8a9a5b, RGB: (138, 154, 91); HEX: #495867, RGB: (73, 88, 103)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #e5e5e5, RGB: (229, 229, 229); HEX: #3dd9d6, RGB: (61, 217, 214)
Simplified version of palette colors
Shade of Light Coral, Tint of Olive Drab, Shade of Dim Gray, White, Tint of Gainsboro, Tint of Medium Turquoise
Color scheme was created by raccoon

Color codes in palette

UX Audit Hyperstructure Palette color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#ff6b81#ff6b81RGB(255, 107, 129)Contrast Pink—
#8a9a5b#8a9a5bRGB(138, 154, 91)Audit Chart Olive—
#495867#495867RGB(73, 88, 103)Modal Shade SlateHarbour
#ffffff#ffffffRGB(255, 255, 255)Text Label WhiteWhite
#e5e5e5#e5e5e5RGB(229, 229, 229)Section Divider GreyGray90
#3dd9d6#3dd9d6RGB(61, 217, 214)Flowchart Cyan—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#ff6b81
#8a9a5b
1.11
#ff6b81
#3dd9d6
1.57
#8a9a5b
#3dd9d6
1.76
#ffffff
#e5e5e5
1.25
#ffffff
#3dd9d6
1.73
#e5e5e5
#3dd9d6
1.37

Image palette UX Audit Hyperstructure Palette png

UX Audit Hyperstructure Palette: Contrast Pink, Audit Chart Olive, Modal Shade Slate, Text Label White, Section Divider Grey
 Download image