Cedar Drift

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

#Nature#Organic#Calm

Open in Generator

COLOR 1

#52236E

Deep Amethyst

COLOR 2

#D12FD1

Fuchsia 500

COLOR 3

#D88291

Momo Peach

COLOR 4

#E1E4B3

Pale Goldenrod

COLOR 5

#E8F6E8

Honeydew

Color Values & Codes

HEX · RGB · HSL

Deep Amethyst

#52236E

rgb(82, 35, 110)hsl(278, 52%, 28%)Color details →

Fuchsia 500

#D12FD1

rgb(209, 47, 209)hsl(300, 64%, 50%)Color details →

Momo Peach

#D88291

rgb(216, 130, 145)hsl(350, 52%, 68%)Color details →

Pale Goldenrod

#E1E4B3

rgb(225, 228, 179)hsl(64, 48%, 80%)Color details →

Honeydew

#E8F6E8

rgb(232, 246, 232)hsl(120, 44%, 94%)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: #52236E;
  --color-2: #D12FD1;
  --color-3: #D88291;
  --color-4: #E1E4B3;
  --color-5: #E8F6E8;
}

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

#52236E on #E1E4B38.74:1

Normal Text AA Pass

Sample Text

#52236E on #E8F6E810.29:1

Normal Text AA Pass

Sample Text

#D12FD1 on #E1E4B33.17:1

Large Text Only (Pass)

Sample Text

#D12FD1 on #E8F6E83.73:1

Large Text Only (Pass)

Sample Text

#D88291 on #E1E4B32.12:1

Large Text Only (Fail)

Sample Text

#D88291 on #E8F6E82.50:1

Large Text Only (Fail)

Related Palettes in Nature

cp-featured-10Interior Design

Japandi Sanctuary

Interior DesignNeutralCalm

cp-featured-11Business

Fintech Emerald Vault

BusinessLuxuryNature

cp-featured-14Nature

Nature

cp-featured-23Nature

NatureEarthy