Loading...
Created at 08/21/2025 11:42
Web Component Gradient Horizon
- Module Blue#2979ff
- API Sand#ffe082
- Function Coral#ff5252
- Prop Slate#607d8b
- Canvas Mint#64ffda
- Render Dark#212121
The palette consists of Light, Dark colors. Accent colors API Sand #ffe082 and Canvas Mint #64ffda. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #212121 (darkest) to #FFE082 (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): #212121, #2979FF, #607D8B, #64FFDA, #FF5252, #FFE082
Palette Web Component Gradient Horizon has combination of 6 codes colors:
HEX: #2979ff, RGB: (41, 121, 255); HEX: #ffe082, RGB: (255, 224, 130); HEX: #ff5252, RGB: (255, 82, 82)
HEX: #607d8b, RGB: (96, 125, 139); HEX: #64ffda, RGB: (100, 255, 218); HEX: #212121, RGB: (33, 33, 33)
Simplified version of palette colors
Shade of royalblue, Tint of Khaki, Tint of tomato, Tint of slategrey, Tint of aquamarine, Shade of Black
Color scheme was created by coolor
Colors codes in palette
Web Component Gradient Horizon color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #2979ff | #2979ff | RGB(41, 121, 255) | Module Blue | — |
| #ffe082 | #ffe082 | RGB(255, 224, 130) | API Sand | — |
| #ff5252 | #ff5252 | RGB(255, 82, 82) | Function Coral | — |
| #607d8b | #607d8b | RGB(96, 125, 139) | Prop Slate | — |
| #64ffda | #64ffda | RGB(100, 255, 218) | Canvas Mint | — |
| #212121 | #212121 | RGB(33, 33, 33) | Render Dark | Lead |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#2979ff | #ff5252 | 1.24 |
#2979ff | #607d8b | 1.09 |
#ffe082 | #64ffda | 1.03 |
#ff5252 | #607d8b | 1.36 |
Image palette Web Component Gradient Horizon png
Export Palette
Download the "Web Component Gradient Horizon" in multiple formats for seamless integration into your design projects.
Available formats: