Breeze Aura

pastel palette with a balanced five-color hierarchy for design use.

#Pastel#Soft#Light

Open in Generator

COLOR 1

#A0C7DB

Light Blue

COLOR 2

#C5D7E9

Periwinkle Mist

COLOR 3

#9BA6D4

Bluebell

COLOR 4

#E6E4F0

Slate 200

COLOR 5

#F9F8F6

White Smoke

Color Values & Codes

HEX · RGB · HSL

Light Blue

#A0C7DB

rgb(160, 199, 219)hsl(200, 45%, 74%)Color details →

Periwinkle Mist

#C5D7E9

rgb(197, 215, 233)hsl(210, 45%, 84%)Color details →

Bluebell

#9BA6D4

rgb(155, 166, 212)hsl(228, 40%, 72%)Color details →

Slate 200

#E6E4F0

rgb(230, 228, 240)hsl(250, 29%, 92%)Color details →

White Smoke

#F9F8F6

rgb(249, 248, 246)hsl(40, 20%, 97%)Color details →

Open In Design Tools

Palette Generator

Lock & shuffle colors

Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet

:root {
  --color-1: #A0C7DB;
  --color-2: #C5D7E9;
  --color-3: #9BA6D4;
  --color-4: #E6E4F0;
  --color-5: #F9F8F6;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text

#A0C7DB on #E6E4F01.43:1

Large Text Only (Fail)

Sample Text

#A0C7DB on #F9F8F61.69:1

Large Text Only (Fail)

Sample Text

#C5D7E9 on #E6E4F01.17:1

Large Text Only (Fail)

Sample Text

#C5D7E9 on #F9F8F61.39:1

Large Text Only (Fail)

Sample Text

#9BA6D4 on #E6E4F01.90:1

Large Text Only (Fail)

Sample Text

#9BA6D4 on #F9F8F62.25:1

Large Text Only (Fail)

Related Palettes in Pastel

cp-featured-20Pastel

PastelSoft

cp-featured-25Pastel

PastelFoodCreative

cp-featured-26Pastel

PastelFreshNature

cp-0051Pastel

PastelSoftLight