#DC8285 + #DDCDA8 + #609594 + #956060 + #9EA688 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#DC8285

Peach Pink · LightCoral · Coral Red

HEX

#DC8285

RGB

rgb(220, 130, 133)

HSL

hsl(358, 56%, 69%)

HSB

hsb(358, 41%, 86%)

CMYK

cmyk(0%, 41%, 40%, 14%)

Oklch

oklch(70.4% 0.111 18.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#DDCDA8

Goose Yellow · Wheat · Lemon Cream

HEX

#DDCDA8

RGB

rgb(221, 205, 168)

HSL

hsl(42, 44%, 76%)

HSB

hsb(42, 24%, 87%)

CMYK

cmyk(0%, 7%, 24%, 13%)

Oklch

oklch(85.2% 0.052 87.4)

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

#609594

Mineral Blue · CadetBlue · Mint Ice

HEX

#609594

RGB

rgb(96, 149, 148)

HSL

hsl(179, 22%, 48%)

HSB

hsb(179, 36%, 58%)

CMYK

cmyk(36%, 0%, 1%, 42%)

Oklch

oklch(63.3% 0.056 194.3)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#956060

Crimson · DimGray · Passion Red

HEX

#956060

RGB

rgb(149, 96, 96)

HSL

hsl(0, 22%, 48%)

HSB

hsb(0, 36%, 58%)

CMYK

cmyk(0%, 36%, 36%, 42%)

Oklch

oklch(54.7% 0.069 19.5)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#9EA688

Grass Green · DarkSeaGreen · Olive Green

HEX

#9EA688

RGB

rgb(158, 166, 136)

HSL

hsl(76, 14%, 59%)

HSB

hsb(76, 18%, 65%)

CMYK

cmyk(5%, 0%, 18%, 35%)

Oklch

oklch(71.1% 0.043 119.6)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DC8285

84DCD9

Analogous

DC84B3

DC8285

DCAD84

Triadic

DC8285

87DC84

8487DC

Split-Comp.

DC8285

84DCAD

84B3DC

Tetradic

DC8285

B3DC84

84DCD9

AD84DC

Contrast Matrix WCAG 2.1 Contrast

DC8285	DDCDA8	609594	956060	9EA688
—	1.8 Fail	1.2 Fail	1.8 Fail	1.1 Fail
1.8 Fail	—	2.1 Fail	3.2 AA Large	1.6 Fail
1.2 Fail	2.1 Fail	—	1.5 Fail	1.3 Fail
1.8 Fail	3.2 AA Large	1.5 Fail	—	2.0 Fail
1.1 Fail	1.6 Fail	1.3 Fail	2.0 Fail	—

White BG

2.8Fail

1.6Fail

3.4AA Large

5.1AA

2.5Fail

Black BG

7.6AAA

13.4AAA

6.2AA

4.1AA Large

8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B484

D6D6B1

777794

7E7E60

A1A28F

Deuteranopia

BAC184

D7D8B3

747094

818560

A1A091

Tritanopia

D88484

DCB8BA

639494

926060

9E9596

Achromatopsia

9D9D9D

CECECE

858585

707070

A0A0A0

Shades & Tints Shades & Tints

#DC8285

Dark

Light

#DDCDA8

Dark

Light

#609594

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dc8285;
  --color-2: #ddcda8;
  --color-3: #609594;
  --color-4: #956060;
  --color-5: #9ea688;
}

SCSS

$color-1: #dc8285;
$color-2: #ddcda8;
$color-3: #609594;
$color-4: #956060;
$color-5: #9ea688;

TAILWIND

colors: {
  'brand-1': '#dc8285',
  'brand-2': '#ddcda8',
  'brand-3': '#609594',
  'brand-4': '#956060',
  'brand-5': '#9ea688',
}

RGB Array

[220, 130, 133], [221, 205, 168], [96, 149, 148], [149, 96, 96], [158, 166, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #DC8285, #DDCDA8, #609594, #956060, #9EA688 is ideal for: corporate websites, product showcases, portfolios. 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: #dc8285; --color-2: #ddcda8; --color-3: #609594; --color-4: #956060; --color-5: #9ea688. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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