Loading...
Created at 06/16/2025 20:07
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
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
Export Palette
Download the "Hypermedia Navigation UI Toolkit" in multiple formats for seamless integration into your design projects.
Available formats: