Web & UI Design · Bold & Energetic
Bold Product Landing Page
A high-energy red, yellow and teal landing page that gets noticed.
The palette: Bold Launch
Red and yellow energy, anchored by deep navy.
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Red | #FF3C38 | rgb(255, 60, 56) | hsl(1, 100%, 61%) |
| Midnight | #1B1B3A | rgb(27, 27, 58) | hsl(240, 36%, 17%) |
| Lemon | #FFD23F | rgb(255, 210, 63) | hsl(46, 100%, 62%) |
| Snow | #FFF8F0 | rgb(255, 248, 240) | hsl(32, 100%, 97%) |
| Teal | #00A6A6 | rgb(0, 166, 166) | hsl(180, 100%, 33%) |
Why these colors work
Red and yellow are warm and loud. A deep navy gives them a calm anchor and readable text.
Teal sits across the wheel from red, adding contrast for secondary actions.
More inspiration
Ready to create something beautiful?
Turn your inspiration into a beautiful color palette.