Created at 06/25/2025 17:56
Semantic UI HyperTheme
- Primary Teal#00b5ad
- Success Mint#1cd5a2
- Info Sky#31c3f2
- Warning Amber#ffd166
- Danger Pink#ef476f
- Base White#ffffff
- Dark UI Gray#404040
The palette consists of Light colors. Accent colors Primary Teal #00b5ad and Warning Amber #ffd166. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #404040 (darkest) to #FFFFFF (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): #00B5AD, #1CD5A2, #31C3F2, #404040, #EF476F, #FFD166, #FFFFFF
Palette Semantic UI HyperTheme has combination of 7 codes colors:
HEX: #00b5ad, RGB: (0, 181, 173); HEX: #1cd5a2, RGB: (28, 213, 162); HEX: #31c3f2, RGB: (49, 195, 242)
HEX: #ffd166, RGB: (255, 209, 102); HEX: #ef476f, RGB: (239, 71, 111); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #404040, RGB: (64, 64, 64)
Simplified version of palette colors
Tint of lightseagreen, Tint of mediumaquamarine, Shade of deepskyblue, Shade of gold, Shade of indianred, White, Tint of darkslategrey
Color scheme was created by colorscheme
Colors codes in palette
Semantic UI HyperTheme color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #00b5ad | #00b5ad | RGB(0, 181, 173) | Primary Teal | — |
| #1cd5a2 | #1cd5a2 | RGB(28, 213, 162) | Success Mint | — |
| #31c3f2 | #31c3f2 | RGB(49, 195, 242) | Info Sky | — |
| #ffd166 | #ffd166 | RGB(255, 209, 102) | Warning Amber | — |
| #ef476f | #ef476f | RGB(239, 71, 111) | Danger Pink | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Base White | White |
| #404040 | #404040 | RGB(64, 64, 64) | Dark UI Gray | Gray25 |
Color Palette Contrast
11 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#00b5ad | #1cd5a2 | 1.35 |
#00b5ad | #31c3f2 | 1.24 |
#00b5ad | #ffd166 | 1.77 |
#00b5ad | #ef476f | 1.41 |
#1cd5a2 | #31c3f2 | 1.08 |
#1cd5a2 | #ffd166 | 1.31 |
Image palette Semantic UI HyperTheme png
Export Palette
Download the "Semantic UI HyperTheme" in multiple formats for seamless integration into your design projects.
Available formats: