Dreamy Pastel Wash

Pure CSS gradient background in the Silk Blend style, made with the 21st.dev Gradient Builder. 4-color palette (#DCEBF7, #B9D4EC, #F3D9E4, #F7EFE3). Features: soft blur finish, film grain. A drop-in, zero-dependency React component for hero sections, cards, and page backgrounds.

by Serafim

Open in editor

import { GradientBackground } from "@/components/ui/dreamy-pastel-wash"

export default function GradientBackgroundDemo() {
  return (
    <div className="relative h-[440px] w-full overflow-hidden rounded-xl">
      <GradientBackground className="h-full w-full" />
    </div>
  )
}

Published

7/11/2026

Similar components

Explore more

Gradient components1188 Background components365 Blur components201 Texture components165 Hero Background components380

Dependencies

Tags

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

Dreamy Pastel Wash

Tags

Published

Similar components

Explore more