Loading...
Created at 06/16/2025 20:07
  6

Hypermedia Navigation UI Toolkit

  • Breadcrumb Bronze
    #c1995e
  • Anchor Tag Teal
    #1ac6a8
  • Responsive Clay
    #e2ded0
  • Viewport Violet
    #9873ff
  • Scroll Link Blush
    #f29db6
  • Sticky Header Navy
    #233142
Loading...
The palette consists of Light, Dark colors. Accent colors Breadcrumb Bronze #c1995e and Viewport Violet #9873ff. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #233142 (darkest) to #E2DED0 (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

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): #1AC6A8, #233142, #9873FF, #C1995E, #E2DED0, #F29DB6

Palette Hypermedia Navigation UI Toolkit has combination of 6 codes colors:
HEX: #c1995e, RGB: (193, 153, 94); HEX: #1ac6a8, RGB: (26, 198, 168); HEX: #e2ded0, RGB: (226, 222, 208)
HEX: #9873ff, RGB: (152, 115, 255); HEX: #f29db6, RGB: (242, 157, 182); HEX: #233142, RGB: (35, 49, 66)
Simplified version of palette colors
Tint of tan, Tint of mediumaquamarine, Tint of oldlace, Shade of mediumpurple, Tint of lightpink, Shade of midnightblue
Color scheme was created by palettespicker

Colors codes in palette

Hypermedia Navigation UI Toolkit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#c1995e #c1995e RGB(193, 153, 94)Breadcrumb Bronze
#1ac6a8 #1ac6a8 RGB(26, 198, 168)Anchor Tag Teal
#e2ded0 #e2ded0 RGB(226, 222, 208)Responsive Clay
#9873ff #9873ff RGB(152, 115, 255)Viewport Violet
#f29db6 #f29db6 RGB(242, 157, 182)Scroll Link Blush
#233142 #233142 RGB(35, 49, 66)Sticky Header Navy

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#c1995e
#1ac6a8
1.21
#c1995e
#e2ded0
1.95
#c1995e
#9873ff
1.28
#c1995e
#f29db6
1.28
#1ac6a8
#e2ded0
1.6
#1ac6a8
#9873ff
1.55

Image palette Hypermedia Navigation UI Toolkit png

Loading...
Loading...
Loading...