Back to palettes

Palette

Pastel Rainbow Glaze

A delightful blend of soft, muted pastels creating a dreamy and playful atmosphere.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pastel Rainbow Glaze reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Pastel Rainbow Glaze.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#FFB6C1#FFDAB9#FFFFE0#ADD8E6#E6E6FA

Palette guide

How to use Pastel Rainbow Glaze

Overview

The Pastel Rainbow Glaze palette offers a delightful blend of soft, muted pastels, creating a dreamy and playful atmosphere. This charming collection features a gentle rose pink (#FFB6C1), a warm peach (#FFDAB9), a creamy pale yellow (#FFFFE0), a calming baby blue (#ADD8E6), and a serene lavender (#E6E6FA). Designers can leverage these harmonious hues to evoke a sense of sweetness, lightness, and approachability. Developers will find this palette excellent for crafting lighthearted user interfaces, children's content, or branding that aims for a friendly, cheerful, and sophisticated aesthetic with a touch of subtle charm.

Best used for

  • Sweet shop or dessert branding
  • Baby-related product designs
  • Gentle, inviting blog themes
  • Creative arts and craft websites
  • Playful social media templates
  • Soft feminine product packaging

Suggested color roles

primary

#FFB6C1 - A soft, inviting rose pink, ideal for prominent brand elements or a delicate call-to-action.

secondary

#ADD8E6 - A calming baby blue, perfect for supporting sections, headers, or background accents.

accent

#FFDAB9 - This warm peach adds a gentle pop, excellent for interactive elements or subtle highlights.

background

#FFFFE0 - A very gentle pale yellow, providing a soft, expansive canvas that enhances the light, dreamy feel.

text

A deep charcoal or rich dark gray is highly recommended for optimal readability against these light pastel backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text, as all palette colors are very light and require dark text for legibility.
  • Avoid placing light text on colors like #FFFFE0 or #E6E6FA; always opt for a dark, contrasting text color.
  • Use a color contrast checker to verify accessibility for all interactive elements and text on backgrounds.
  • For important information, consider using #FFB6C1 or #ADD8E6 as a background for better text legibility.

Recommended combinations

Rose & Peach

Ideal for sweet branding, romantic themes, or soft, inviting product designs.

#FFB6C1 · #FFDAB9 · #FFFFE0

Blue Lavender

Creates a serene, calming atmosphere, suitable for wellness apps or gentle educational content.

#ADD8E6 · #E6E6FA · #FFB6C1

Creamy Delight

Excellent for light, airy backgrounds, subtle accents, or a clean, inviting interface.

#FFFFE0 · #FFDAB9 · #ADD8E6

CSS variables

:root {
  --pastel-rainbow-glaze-2-1: #FFB6C1;
  --pastel-rainbow-glaze-2-2: #FFDAB9;
  --pastel-rainbow-glaze-2-3: #FFFFE0;
  --pastel-rainbow-glaze-2-4: #ADD8E6;
  --pastel-rainbow-glaze-2-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-rainbow-glaze-2": {
        1: "#FFB6C1",
        2: "#FFDAB9",
        3: "#FFFFE0",
        4: "#ADD8E6",
        5: "#E6E6FA",
      }
    }
  }
}

Related searches

soft rainbow pastel palettedreamy glaze colorslight playful UIsweet pastel brand colorsgentle pink blue yellow

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#FFDAB9
·
Color 3#FFFFE0
·
Color 4#ADD8E6
·
Color 5#E6E6FA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
1.1:1Fail
1.3:1Fail
2
1.3:1Fail
1.3:1Fail
1.2:1Fail
1.1:1Fail
3
1.6:1Fail
1.3:1Fail
1.5:1Fail
1.2:1Fail
4
1.1:1Fail
1.2:1Fail
1.5:1Fail
1.2:1Fail
5
1.3:1Fail
1.1:1Fail
1.2:1Fail
1.2:1Fail

Similar palettes

More like Pastel Rainbow Glaze

View all pastel