Back to palettes

Palette

Rose Dawn

A tender blend of pastels capturing the serene and hopeful moment of a new day's first light.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rose Dawn 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 Rose Dawn.

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

Data visualization

#FBB4BB#FFDAB9#F0E68C#ADD8E6#E3C1DF

Palette guide

How to use Rose Dawn

Overview

The Rose Dawn palette is a tender blend of pastels, beautifully capturing the serene and hopeful moment of a new day's first light. Featuring delicate shades like #FBB4BB (Light Pink), #FFDAB9 (Peach Puff), and #ADD8E6 (Light Blue), this palette radiates softness and tranquility. Designers and developers can utilize these gentle hues to create romantic, peaceful, and inviting digital or physical experiences. The inclusion of #F0E68C (Light Goldenrod Yellow) and #E3C1DF (Thistle) adds subtle warmth and depth, making this palette ideal for projects that seek to evoke a sense of calm, natural beauty, and optimistic beginnings, reminiscent of a quiet morning.

Best used for

  • Romantic wedding themes and invitations
  • Baby product branding and nurseries
  • Tranquil wellness apps and websites
  • Gentle lifestyle blogs and content
  • Spring event invitations and decor
  • Feminine and soft personal branding

Suggested color roles

primary

#ADD8E6 - A soft, serene blue, providing a calming and gentle foundation for designs, reminiscent of a clear morning sky.

secondary

#FBB4BB - A delicate, tender pink, ideal for complementary sections, decorative elements, or feminine branding.

accent

#FFDAB9 - A warm, peachy pastel, excellent for subtle highlights, interactive elements, or a touch of inviting warmth.

background

#F0E68C - A very light, soft yellow, mimicking the first rays of dawn, offering a warm and inviting canvas.

text

Use a dark charcoal, deep navy, or even a muted brown for optimal readability against these light pastels.

Accessibility notes

  • All colors are very light; strong contrast with text (dark gray, navy, or black) is crucial for readability.
  • Avoid using any palette color for small text on #F0E68C or #FFDAB9 as contrast will be insufficient.
  • #ADD8E6 might work for large headings on #F0E68C, but always verify contrast to meet WCAG standards.
  • Prioritize dark text for all essential information to ensure maximum readability and accessibility.

Recommended combinations

Sunrise Serenity

Evokes a peaceful morning, ideal for soft branding, tranquil visuals, and calming interfaces.

#FBB4BB · #FFDAB9 · #ADD8E6

Gentle Glow

For a dreamy, ethereal feel, suitable for delicate illustrations, backgrounds, and subtle design elements.

#F0E68C · #E3C1DF · #FBB4BB

Dawn's Embrace

Layers the cool and warm pastels for a harmonious, fresh look, ideal for gradients and layered designs.

#ADD8E6 · #E3C1DF · #FFDAB9

CSS variables

:root {
  --rose-dawn-1: #FBB4BB;
  --rose-dawn-2: #FFDAB9;
  --rose-dawn-3: #F0E68C;
  --rose-dawn-4: #ADD8E6;
  --rose-dawn-5: #E3C1DF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rose-dawn": {
        1: "#FBB4BB",
        2: "#FFDAB9",
        3: "#F0E68C",
        4: "#ADD8E6",
        5: "#E3C1DF",
      }
    }
  }
}

Related searches

sunrise pastel palettesoft morning colorsgentle pink blue yellowtranquil dawn schemehopeful spring palette

Palette colors

Hex values

Color 1#FBB4BB
·
Color 2#FFDAB9
·
Color 3#F0E68C
·
Color 4#ADD8E6
·
Color 5#E3C1DF
·

Accessibility

Contrast checker

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

Similar palettes

More like Rose Dawn

View all pastel