#D2938A + #DDB592 + #EFC88F + #F9D09A + #CFC8AC · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#D2938A

Peach Pink · DarkSalmon · Coral Red

HEX

#D2938A

RGB

rgb(210, 147, 138)

HSL

hsl(7, 44%, 68%)

HSB

hsb(7, 34%, 82%)

CMYK

cmyk(0%, 30%, 34%, 18%)

Oklch

oklch(72.3% 0.078 28.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#DDB592

Apricot · BurlyWood · Warm Sun

HEX

#DDB592

RGB

rgb(221, 181, 146)

HSL

hsl(28, 52%, 72%)

HSB

hsb(28, 34%, 87%)

CMYK

cmyk(0%, 18%, 34%, 13%)

Oklch

oklch(80.0% 0.066 62.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#EFC88F

Goose Yellow · BurlyWood · Warm Sun

HEX

#EFC88F

RGB

rgb(239, 200, 143)

HSL

hsl(36, 75%, 75%)

HSB

hsb(36, 40%, 94%)

CMYK

cmyk(0%, 16%, 40%, 6%)

Oklch

oklch(85.3% 0.086 76.7)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F9D09A

Goose Yellow · Khaki · Peach Orange

HEX

#F9D09A

RGB

rgb(249, 208, 154)

HSL

hsl(34, 89%, 79%)

HSB

hsb(34, 38%, 98%)

CMYK

cmyk(0%, 16%, 38%, 2%)

Oklch

oklch(88.0% 0.083 74.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#CFC8AC

Goose Yellow · Silver · Sunflower

HEX

#CFC8AC

RGB

rgb(207, 200, 172)

HSL

hsl(48, 27%, 74%)

HSB

hsb(48, 17%, 81%)

CMYK

cmyk(0%, 3%, 17%, 19%)

Oklch

oklch(83.1% 0.039 95.5)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2938A

89C9D1

Analogous

D189A5

D2938A

D1B689

Triadic

D2938A

89D192

9289D1

Split-Comp.

D2938A

89D1B6

89A5D1

Tetradic

D2938A

A5D189

89C9D1

B689D1

Contrast Matrix WCAG 2.1 Contrast

D2938A	DDB592	EFC88F	F9D09A	CFC8AC
—	1.3 Fail	1.6 Fail	1.8 Fail	1.5 Fail
1.3 Fail	—	1.2 Fail	1.3 Fail	1.1 Fail
1.6 Fail	1.2 Fail	—	1.1 Fail	1.1 Fail
1.8 Fail	1.3 Fail	1.1 Fail	—	1.2 Fail
1.5 Fail	1.1 Fail	1.1 Fail	1.2 Fail	—

White BG

2.5Fail

1.9Fail

1.6Fail

1.4Fail

1.7Fail

Black BG

8.3AAA

11.1AAA

13.3AAA

14.5AAA

12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B68C

CCCB9A

DEDE9D

E7E7A7

CCCCB3

Deuteranopia

BABF8D

CED19D

E0E3A0

EAEDAA

CCCDB4

Tritanopia

CF8E8E

DBA1A3

EDA8AA

F7B1B4

CFB8B9

Achromatopsia

A5A5A5

BDBDBD

CDCDCD

D6D6D6

C7C7C7

Shades & Tints Shades & Tints

#D2938A

Dark

Light

#DDB592

Dark

Light

#EFC88F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2938a;
  --color-2: #ddb592;
  --color-3: #efc88f;
  --color-4: #f9d09a;
  --color-5: #cfc8ac;
}

SCSS

$color-1: #d2938a;
$color-2: #ddb592;
$color-3: #efc88f;
$color-4: #f9d09a;
$color-5: #cfc8ac;

TAILWIND

colors: {
  'brand-1': '#d2938a',
  'brand-2': '#ddb592',
  'brand-3': '#efc88f',
  'brand-4': '#f9d09a',
  'brand-5': '#cfc8ac',
}

RGB Array

[210, 147, 138], [221, 181, 146], [239, 200, 143], [249, 208, 154], [207, 200, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #D2938A, #DDB592, #EFC88F, #F9D09A, #CFC8AC is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d2938a; --color-2: #ddb592; --color-3: #efc88f; --color-4: #f9d09a; --color-5: #cfc8ac. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This nature-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color