Back to palettes

Palette

Pastel Rainbow Glaze

A delicate and dreamy array of pastel hues, like a confectioner's sugary glaze.

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

#FDD6A3#FCF0D3#B1E4E7#D4C7DD#F8B7CA

Palette guide

How to use Pastel Rainbow Glaze

Overview

The Pastel Rainbow Glaze palette is a delicate and dreamy array of pastel hues, like a confectioner's sugary glaze. This charming collection features a soft apricot orange (#FDD6A3), a creamy pale yellow (#FCF0D3), a fresh muted teal (#B1E4E7), a gentle lavender gray (#D4C7DD), and a tender blush pink (#F8B7CA). Designers can leverage these harmonious hues to create sweet, elegant, and inviting visuals. Developers will find this palette excellent for crafting lighthearted user interfaces, sophisticated branding, or any digital presence aiming for a charming, approachable, and subtly luxurious aesthetic with a touch of whimsy.

Best used for

  • High-end confectionery branding
  • Elegant children's fashion
  • Luxurious beauty product packaging
  • Soft, inviting e-commerce websites
  • Creative arts and design portfolios
  • Whimsical event invitations

Suggested color roles

primary

#FDD6A3 - A soft, inviting apricot, ideal for prominent brand elements or a warm call-to-action.

secondary

#B1E4E7 - A fresh muted teal, perfect for supporting sections, headers, or background accents.

accent

#F8B7CA - This tender blush pink adds a delicate pop, excellent for interactive elements or subtle highlights.

background

#FCF0D3 - A creamy pale yellow, providing a soft, expansive canvas that enhances the dreamy, glazed feel.

text

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

Accessibility notes

  • Ensure sufficient contrast for text, as all palette colors are light and require a dark text color for legibility.
  • Avoid placing light text on colors like #FCF0D3 or #D4C7DD; 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 #FDD6A3 or #B1E4E7 as a background for better text legibility.

Recommended combinations

Apricot Blush

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

#FDD6A3 · #F8B7CA · #FCF0D3

Teal Lavender

Creates a serene, elegant atmosphere, suitable for sophisticated designs or calming interfaces.

#B1E4E7 · #D4C7DD · #FDD6A3

Creamy Glaze

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

#FCF0D3 · #F8B7CA · #B1E4E7

CSS variables

:root {
  --pastel-rainbow-glaze-1: #FDD6A3;
  --pastel-rainbow-glaze-2: #FCF0D3;
  --pastel-rainbow-glaze-3: #B1E4E7;
  --pastel-rainbow-glaze-4: #D4C7DD;
  --pastel-rainbow-glaze-5: #F8B7CA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-rainbow-glaze": {
        1: "#FDD6A3",
        2: "#FCF0D3",
        3: "#B1E4E7",
        4: "#D4C7DD",
        5: "#F8B7CA",
      }
    }
  }
}

Related searches

pastel sugary glaze colorsdelicate rainbow palettesoft sweet UIdreamy confectioner's hueselegant pastel branding

Palette colors

Hex values

Color 1#FDD6A3
·
Color 2#FCF0D3
·
Color 3#B1E4E7
·
Color 4#D4C7DD
·
Color 5#F8B7CA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1:1Fail
1.2:1Fail
1.2:1Fail
2
1.2:1Fail
1.2:1Fail
1.4:1Fail
1.5:1Fail
3
1:1Fail
1.2:1Fail
1.2:1Fail
1.2:1Fail
4
1.2:1Fail
1.4:1Fail
1.2:1Fail
1:1Fail
5
1.2:1Fail
1.5:1Fail
1.2:1Fail
1:1Fail

Similar palettes

More like Pastel Rainbow Glaze

View all pastel