#DD9999 + #DDBBAA + #DDCCBB + #DDDDBB + #AABBAA · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#DD9999

Peach Pink · Tan · Coral Red

HEX

#DD9999

RGB

rgb(221, 153, 153)

HSL

hsl(0, 50%, 73%)

HSB

hsb(0, 31%, 87%)

CMYK

cmyk(0%, 31%, 31%, 13%)

Oklch

oklch(74.9% 0.082 19.2)

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

#DDBBAA

Apricot · Tan · Peach Orange

HEX

#DDBBAA

RGB

rgb(221, 187, 170)

HSL

hsl(20, 43%, 77%)

HSB

hsb(20, 23%, 87%)

CMYK

cmyk(0%, 15%, 23%, 13%)

Oklch

oklch(81.7% 0.046 48.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#DDCCBB

Goose Yellow · LightGray · Peach Orange

HEX

#DDCCBB

RGB

rgb(221, 204, 187)

HSL

hsl(30, 33%, 80%)

HSB

hsb(30, 15%, 87%)

CMYK

cmyk(0%, 8%, 15%, 13%)

Oklch

oklch(85.5% 0.030 67.4)

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

#DDDDBB

Fresh Green · Wheat · Lemon Cream

HEX

#DDDDBB

RGB

rgb(221, 221, 187)

HSL

hsl(60, 33%, 80%)

HSB

hsb(60, 15%, 87%)

CMYK

cmyk(0%, 0%, 15%, 13%)

Oklch

oklch(88.9% 0.045 107.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#AABBAA

Celadon · DarkGray · Apple Green

HEX

#AABBAA

RGB

rgb(170, 187, 170)

HSL

hsl(120, 11%, 70%)

HSB

hsb(120, 9%, 73%)

CMYK

cmyk(9%, 0%, 9%, 27%)

Oklch

oklch(77.4% 0.030 145.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DD9999

98DDDD

Analogous

DD98BA

DD9999

DDBA98

Triadic

DD9999

98DD98

9898DD

Split-Comp.

DD9999

98DDBA

98BADD

Tetradic

DD9999

BADD98

98DDDD

BA98DD

Contrast Matrix WCAG 2.1 Contrast

DD9999	DDBBAA	DDCCBB	DDDDBB	AABBAA
—	1.3 Fail	1.5 Fail	1.7 Fail	1.1 Fail
1.3 Fail	—	1.1 Fail	1.3 Fail	1.1 Fail
1.5 Fail	1.1 Fail	—	1.1 Fail	1.3 Fail
1.7 Fail	1.3 Fail	1.1 Fail	—	1.5 Fail
1.1 Fail	1.1 Fail	1.3 Fail	1.5 Fail	—

White BG

2.3Fail

1.8Fail

1.6Fail

1.4Fail

2.0Fail

Black BG

9.1AAA

11.8AAA

13.4AAA

15.1AAA

10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0BF99

CECEAE

D6D5BF

DDDDC3

B1B2AE

Deuteranopia

C4C999

D0D3AF

D7D8C0

DDDDC5

B0AFAF

Tritanopia

DA9999

DBB1B2

DCC2C3

DDCACB

ABB1B2

Achromatopsia

ADADAD

C3C3C3

CFCFCF

D9D9D9

B4B4B4

Shades & Tints Shades & Tints

#DD9999

Dark

Light

#DDBBAA

Dark

Light

#DDCCBB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dd9999;
  --color-2: #ddbbaa;
  --color-3: #ddccbb;
  --color-4: #ddddbb;
  --color-5: #aabbaa;
}

SCSS

$color-1: #dd9999;
$color-2: #ddbbaa;
$color-3: #ddccbb;
$color-4: #ddddbb;
$color-5: #aabbaa;

TAILWIND

colors: {
  'brand-1': '#dd9999',
  'brand-2': '#ddbbaa',
  'brand-3': '#ddccbb',
  'brand-4': '#ddddbb',
  'brand-5': '#aabbaa',
}

RGB Array

[221, 153, 153], [221, 187, 170], [221, 204, 187], [221, 221, 187], [170, 187, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #DD9999, #DDBBAA, #DDCCBB, #DDDDBB, #AABBAA 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: #dd9999; --color-2: #ddbbaa; --color-3: #ddccbb; --color-4: #ddddbb; --color-5: #aabbaa. 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