Dreamy Flame

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

#Pastel#Soft#Light

Open in Generator

COLOR 1

#D6C2A6

Sandstone

COLOR 2

#EAE1C3

Aged Parchment

COLOR 3

#D3D799

Pale Goldenrod

COLOR 4

#EBF1E3

Vintage Cream

COLOR 5

#F6F5F9

Slate 100

Color Values & Codes

HEX · RGB · HSL

Sandstone

#D6C2A6

rgb(214, 194, 166)hsl(35, 37%, 75%)Color details →

Aged Parchment

#EAE1C3

rgb(234, 225, 195)hsl(46, 48%, 84%)Color details →

Pale Goldenrod

#D3D799

rgb(211, 215, 153)hsl(64, 44%, 72%)Color details →

Vintage Cream

#EBF1E3

rgb(235, 241, 227)hsl(86, 33%, 92%)Color details →

Slate 100

#F6F5F9

rgb(246, 245, 249)hsl(255, 25%, 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: #D6C2A6;
  --color-2: #EAE1C3;
  --color-3: #D3D799;
  --color-4: #EBF1E3;
  --color-5: #F6F5F9;
}

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

#D6C2A6 on #EBF1E31.50:1

Large Text Only (Fail)

Sample Text

#D6C2A6 on #F6F5F91.60:1

Large Text Only (Fail)

Sample Text

#EAE1C3 on #EBF1E31.13:1

Large Text Only (Fail)

Sample Text

#EAE1C3 on #F6F5F91.20:1

Large Text Only (Fail)

Sample Text

#D3D799 on #EBF1E31.31:1

Large Text Only (Fail)

Sample Text

#D3D799 on #F6F5F91.39:1

Large Text Only (Fail)

Related Palettes in Pastel

cp-featured-20Pastel

PastelSoft

cp-featured-25Pastel

PastelFoodCreative

cp-featured-26Pastel

PastelFreshNature

cp-0052Pastel

PastelSoftLight