Palette

Coastal Dawn Pastel

A gentle collection of pastels capturing the quiet beauty of a sunrise over a tranquil coastline.

PastelCalm5 colors

More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFE0B2#FFCC80#FFECB3#A7D9D9#92B4F2

Palette guide

How to use Coastal Dawn Pastel

Overview

The "Coastal Dawn Pastel" palette is a gentle symphony of soft, luminous pastels, perfectly capturing the serene beauty of a sunrise over a tranquil coastline. The warm, golden hues of #FFE0B2, #FFCC80, and #FFECB3 evoke the first rays of dawn, while the cool, calming blues of #A7D9D9 and #92B4F2 represent the quiet ocean and clear morning sky. This palette is wonderfully balanced, offering both warmth and coolness in a soft, approachable manner. It is an excellent choice for designers seeking to create designs that are peaceful, dreamy, and infused with a subtle sense of optimism and calm.

Best used for

Baby and children's product branding
Wellness and meditation apps
Soft home decor and textile designs
Gentle beauty or skincare packaging
Wedding and event stationery
Photography with a dreamy, ethereal feel

Suggested color roles

primary

Use the soft, inviting #FFE0B2 for main content areas or background sections, providing a warm, gentle glow.

secondary

Apply #A7D9D9 for supporting elements, subheadings, or complementary blocks, offering a calming, cool counterpoint.

accent

#FFCC80 can be used for subtle call-to-actions, highlights, or decorative elements, adding a touch of bright, sunny warmth.

background

Employ the lightest, most neutral shade, #FFECB3, for clean, expansive backgrounds, ensuring an airy and soft canvas.

text

A dark charcoal or deep navy (e.g., #333333) is recommended for optimal readability against these light pastel backgrounds.

Accessibility notes

Almost all colors in this palette are very light; use a dark text color (e.g., charcoal or black) for all body text for readability.
Ensure sufficient contrast between any paired pastel colors if they are used for text and background (e.g., #92B4F2 text on #A7D9D9 might fail).
Reserve these light pastels primarily for backgrounds, illustrations, or large decorative elements.
For interactive elements, rely on icons or other visual cues in addition to color.

Recommended combinations

Dawn Glow

Creates a soft, luminous background with a hint of cool serenity, perfect for inviting hero sections.

#FFE0B2 · #FFECB3 · #A7D9D9

Morning Sky

Ideal for a fresh, optimistic feel, with the blues representing the sky and the orange a vibrant sunrise accent.

#92B4F2 · #A7D9D9 · #FFCC80

Pastel Harmony

Best for subtle gradients or layered elements, providing a warm, gentle transition reminiscent of a sunrise.

#FFCC80 · #FFE0B2 · #FFECB3

CSS variables

:root {
  --coastal-dawn-pastel-1: #FFE0B2;
  --coastal-dawn-pastel-2: #FFCC80;
  --coastal-dawn-pastel-3: #FFECB3;
  --coastal-dawn-pastel-4: #A7D9D9;
  --coastal-dawn-pastel-5: #92B4F2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coastal-dawn-pastel": {
        1: "#FFE0B2",
        2: "#FFCC80",
        3: "#FFECB3",
        4: "#A7D9D9",
        5: "#92B4F2",
      }
    }
  }
}

Hex values

Color 1#FFE0B2

Color 2#FFCC80

Color 3#FFECB3

Color 4#A7D9D9

Color 5#92B4F2

Accessibility

Contrast checker

1.2:1Fail

1.1:1Fail

1.2:1Fail

1.7:1Fail

1.2:1Fail

1.3:1Fail

1:1Fail

1.4:1Fail

1.1:1Fail

1.3:1Fail

1.8:1Fail

1.2:1Fail

1:1Fail

1.3:1Fail

1.4:1Fail

1.7:1Fail

1.4:1Fail

1.8:1Fail

1.4:1Fail

Similar palettes

More like Coastal Dawn Pastel

Coastal Dawn Pastel

See it in context.

Ready when you are.

Built with Coastal Dawn Pastel.

How to use Coastal Dawn Pastel

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Dawn Glow

Morning Sky

Pastel Harmony

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Coastal Dawn Pastel