ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Pastel

Petal Bloom

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

#Pastel#Soft#Light
Open in Generator
COLOR 1
#C3D7A5
Matcha Pastel
COLOR 2
#D4EBC3
Matcha Pastel
COLOR 3
#A7CFA0
Dark Sea Green
COLOR 4
#E3F1E6
Honeydew
COLOR 5
#F9F5F9
Ghost White

Color Values & Codes

HEX · RGB · HSL
rgb(195, 215, 165)hsl(84, 38%, 75%)Color details →
rgb(212, 235, 195)hsl(94, 50%, 84%)Color details →
rgb(167, 207, 160)hsl(111, 33%, 72%)Color details →
Honeydew
#E3F1E6
rgb(227, 241, 230)hsl(133, 33%, 92%)Color details →
rgb(249, 245, 249)hsl(300, 25%, 97%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
Pastel Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #C3D7A5;
  --color-2: #D4EBC3;
  --color-3: #A7CFA0;
  --color-4: #E3F1E6;
  --color-5: #F9F5F9;
}

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
#C3D7A5 on #E3F1E61.32:1
Large Text Only (Fail)
Sample Text
#C3D7A5 on #F9F5F91.43:1
Large Text Only (Fail)
Sample Text
#D4EBC3 on #E3F1E61.09:1
Large Text Only (Fail)
Sample Text
#D4EBC3 on #F9F5F91.18:1
Large Text Only (Fail)
Sample Text
#A7CFA0 on #E3F1E61.49:1
Large Text Only (Fail)
Sample Text
#A7CFA0 on #F9F5F91.61:1
Large Text Only (Fail)

Related Palettes in Pastel

Explore Pastel
#FFE5ECCopy
#FFC2D1Copy
#FFB3C6Copy
#FF8FABCopy
#FB6F92Copy
cp-featured-20Pastel
Cherry Blossom Haze
PastelSoft
#F5EEF8Copy
#E8DAEFCopy
#D2B4DECopy
#BB8FCECopy
#8E44ADCopy
cp-featured-25Pastel
Lavender Macaron
PastelFoodCreative
#E8F8F5Copy
#D1F2EBCopy
#A3E4D7Copy
#48C9B0Copy
#16A085Copy
cp-featured-26Pastel
Mint Cream Sorbet
PastelFreshNature
#D6C2A6Copy
#EAE1C3Copy
#D3D799Copy
#EBF1E3Copy
#F6F5F9Copy
cp-0051Pastel
Dreamy Flame
PastelSoftLight