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.
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 |
