Colorful Website Design Inspiration
A vibrant collection of websites that embrace the full spectrum of color. These designs use rich palettes, bold gradients, and playful color combinations to create energetic, memorable experiences. From rainbow-inspired layouts to carefully curated accent colors, each site demonstrates how strategic use of color builds brand personality, guides user attention, and creates emotional resonance. Proof that the web doesn't have to be monochrome.
OH no Type Co
High-contrast black-and-white — experimental type, zigzag line art and running figures, with specimen tiles below.
Astro
Deep-purple gradient, white centered headline and install-command box; broad white logo wall of big-name users.
Monzo
Coral wordmark over a rounded photo of a shopper with flowers; white overlay headline, pill CTA and trust badges.
Superlist
Dark navy-to-purple gradient, white-and-red headline and a red pill CTA; large product UI screenshot below.
PostHog
Skeuomorphic desktop metaphor—file icons, a document window, and a pixel-art hedgehog on an isometric map.
Design Indaba
Muted teal masthead over a wide architectural hero, black nav, and a 'Latest Design News' grid.
Primavera Sound
Overlapping multicolor ring graphics behind a giant black 'Sold Out' headline and a waitlist prompt.
Sofar Sounds
Warm-lit live-gig photo hero with a dark signup card and a gold 'unlock now' button.
Stones Throw Records
Circular badge logo, full-width studio photo of a guitarist, and orange buy/watch buttons over a carousel.
Sub Pop Records
Newsprint-style layout with giant serif 'SUB POP' letters, multi-column news, and a cartoon Mega Mart mascot.
Tyler Mitchell
White page, name and slim nav, dense contact-sheet grid of small photo thumbnails in even rows.
Rows
Grey app interface with a centered modal introducing 'Your new AI Data Analyst' over an import prompt.
Whimsical
Light layout with a purple-pink gradient arc, 'Where great ideas take shape' heading, whiteboard-app screenshot.
Railway
Dark navy hero with illustrated clouds, serif 'Ship software peacefully' heading, purple CTA, dashboard screenshot.
Amie
Light layout, bold heading with a yellow highlight, blue CTAs, and a note-taking app screenshot.
Canopy & Stars
Green wordmark, full-width coastal-cove photo with a tiny cabin, centered heading and a glamping search widget.
Ace Hotel Portland
Dark full-bleed video still with heavy condensed all-caps 'Welcome to Ace Hotel' and a corner pause control.
Disfrutar
Ivory background, stylized dotted wordmark, three tall sculptural-food photos, thin black 'Restaurant' footer bar.
Scholten & Baijings
Soft-focus abstract of translucent pink and white light planes; minimal corner wordmark and Search.
Raw Color
White page, bold wordmark, multi-column editorial grid of saturated, colour-forward project thumbnails.
Lenbachhaus
Bold wordmark over a modular colour-block tile grid and a white sculptural form; consent modal atop.
Hey Studio
Black page with playful flat geometric shapes piled below; olive semicircle and ‘Send’ button center.
Studio Feixen
Light page, dark quick-links bar with line icons, ‘Works’ heading over a colorful project grid.
teamLab
Dark page, full-bleed photo of a glowing blue mist installation; starred wordmark, thumbnail strip.