Back to palettes

Palette

Celestial Blush

Gentle pinks and peaches mirror the tender hues of a distant, glowing nebula or a soft morning sky.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Celestial Blush 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 Celestial Blush.

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

Data visualization

#FDD8C4#FFC0CB#FFA07A#F08080#E6BFAD

Palette guide

How to use Celestial Blush

Overview

The Celestial Blush palette features gentle pinks and peaches, mirroring the tender hues of a distant, glowing nebula or a soft morning sky. It comprises delicate shades like the very light #FDD8C4 and #E6BFAD, a classic soft pink #FFC0CB, and warmer, more vibrant tones such as #FFA07A and #F08080. This pastel collection is perfect for designers and developers aiming to create soft, inviting, and ethereal experiences. It's ideal for projects that require a sense of warmth, calmness, and gentle beauty, from feminine branding to cozy digital interfaces.

Best used for

  • Feminine or beauty product branding
  • Baby-related websites or products
  • Romantic event invitations
  • Soft and inviting blog designs
  • Wellness and self-care apps
  • Ethereal digital art and illustrations

Suggested color roles

primary

#F08080 - A gentle yet noticeable coral, ideal for headers, key call-to-actions, or to add a touch of warmth.

secondary

#FFA07A - Use for subheadings, content blocks, or subtle gradients, offering a soft peach tone.

accent

#FFC0CB - A classic light pink, perfect for delicate highlights, interactive elements, or small decorative details.

background

#FDD8C4 - A very light, airy peach, providing an open, clean, and gentle canvas for content.

text

A dark charcoal or deep brown (e.g., #4A4A4A) - The palette lacks a sufficiently dark color for primary text, so a neutral dark is recommended for readability on light backgrounds.

Accessibility notes

  • This palette is predominantly light; ensure adequate contrast for text. Use a dark neutral color (e.g., #333333 or black) for body text on all palette colors.
  • #F08080 and #FFA07A might work for large headings on #FDD8C4, but check contrast carefully.
  • Avoid using #FFC0CB or #E6BFAD for text on any of the lighter backgrounds as contrast will be insufficient.
  • For interactive elements, consider a subtle outline or shadow if the color itself doesn't provide enough contrast.

Recommended combinations

Nebula Glow

Light peach background, warm orange for content, and coral for accents.

#FDD8C4 · #FFA07A · #F08080

Soft Dawn

Neutral peach for main elements, soft pink for secondary, and warm orange for gentle emphasis.

#E6BFAD · #FFC0CB · #FFA07A

Blush Horizon

Very light peach base with soft pink and coral accents for a tender, inviting feel.

#FDD8C4 · #FFC0CB · #F08080

CSS variables

:root {
  --celestial-blush-1: #FDD8C4;
  --celestial-blush-2: #FFC0CB;
  --celestial-blush-3: #FFA07A;
  --celestial-blush-4: #F08080;
  --celestial-blush-5: #E6BFAD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-blush": {
        1: "#FDD8C4",
        2: "#FFC0CB",
        3: "#FFA07A",
        4: "#F08080",
        5: "#E6BFAD",
      }
    }
  }
}

Related searches

pastel pink peach palettesoft celestial colorsdreamy blush designfeminine warm tonesgentle morning sky scheme

Palette colors

Hex values

Color 1#FDD8C4
·
Color 2#FFC0CB
·
Color 3#FFA07A
·
Color 4#F08080
·
Color 5#E6BFAD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.9:1Fail
1.3:1Fail
2
1.2:1Fail
1.3:1Fail
1.7:1Fail
1.1:1Fail
3
1.5:1Fail
1.3:1Fail
1.3:1Fail
1.2:1Fail
4
1.9:1Fail
1.7:1Fail
1.3:1Fail
1.5:1Fail
5
1.3:1Fail
1.1:1Fail
1.2:1Fail
1.5:1Fail

Similar palettes

More like Celestial Blush

View all pastel