#BB6160 + #CB7566 + #D09086 + #DDC1B5 + #DAD8C3 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#BB6160

Crimson · Sienna · Passion Red

HEX

#BB6160

RGB

rgb(187, 97, 96)

HSL

hsl(1, 40%, 55%)

HSB

hsb(1, 49%, 73%)

CMYK

cmyk(0%, 48%, 49%, 27%)

Oklch

oklch(59.8% 0.116 21.8)

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

#CB7566

Crimson · LightCoral · Passion Red

HEX

#CB7566

RGB

rgb(203, 117, 102)

HSL

hsl(9, 49%, 60%)

HSB

hsb(9, 50%, 80%)

CMYK

cmyk(0%, 42%, 50%, 20%)

Oklch

oklch(65.4% 0.111 30.8)

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

#D09086

Peach Pink · DarkSalmon · Coral Red

HEX

#D09086

RGB

rgb(208, 144, 134)

HSL

hsl(8, 44%, 67%)

HSB

hsb(8, 36%, 82%)

CMYK

cmyk(0%, 31%, 36%, 18%)

Oklch

oklch(71.4% 0.080 29.1)

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

#DDC1B5

Apricot · Silver · Peach Orange

HEX

#DDC1B5

RGB

rgb(221, 193, 181)

HSL

hsl(18, 37%, 79%)

HSB

hsb(18, 18%, 87%)

CMYK

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

Oklch

oklch(83.1% 0.036 44.6)

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

#DAD8C3

Fresh Green · LightGray · Lemon Cream

HEX

#DAD8C3

RGB

rgb(218, 216, 195)

HSL

hsl(55, 24%, 81%)

HSB

hsb(55, 11%, 85%)

CMYK

cmyk(0%, 1%, 11%, 15%)

Oklch

oklch(87.8% 0.028 102.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BB6160

5EB9BA

Analogous

BA5E8B

BB6160

BA8E5E

Triadic

BB6160

5EBA60

605EBA

Split-Comp.

BB6160

5EBA8E

5E8BBA

Tetradic

BB6160

8BBA5E

5EB9BA

8E5EBA

Contrast Matrix WCAG 2.1 Contrast

BB6160	CB7566	D09086	DDC1B5	DAD8C3
—	1.3 Fail	1.6 Fail	2.5 Fail	2.9 Fail
1.3 Fail	—	1.3 Fail	2.0 Fail	2.3 Fail
1.6 Fail	1.3 Fail	—	1.5 Fail	1.8 Fail
2.5 Fail	2.0 Fail	1.5 Fail	—	1.2 Fail
2.9 Fail	2.3 Fail	1.8 Fail	1.2 Fail	—

White BG

4.2AA Large

3.3AA Large

2.6Fail

1.7Fail

1.4Fail

Black BG

5.0AA

6.3AA

8.0AAA

12.4AAA

14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

949360

A6A56A

B4B488

D1D1B8

D9D9C8

Deuteranopia

99A060

ABB16B

B8BD89

D3D5B9

D9D9C9

Tritanopia

B76060

C76C6D

CD8A8B

DCBABB

DACCCD

Achromatopsia

7C7C7C

8D8D8D

A2A2A2

C8C8C8

D6D6D6

Shades & Tints Shades & Tints

#BB6160

Dark

Light

#CB7566

Dark

Light

#D09086

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bb6160;
  --color-2: #cb7566;
  --color-3: #d09086;
  --color-4: #ddc1b5;
  --color-5: #dad8c3;
}

SCSS

$color-1: #bb6160;
$color-2: #cb7566;
$color-3: #d09086;
$color-4: #ddc1b5;
$color-5: #dad8c3;

TAILWIND

colors: {
  'brand-1': '#bb6160',
  'brand-2': '#cb7566',
  'brand-3': '#d09086',
  'brand-4': '#ddc1b5',
  'brand-5': '#dad8c3',
}

RGB Array

[187, 97, 96], [203, 117, 102], [208, 144, 134], [221, 193, 181], [218, 216, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #BB6160, #CB7566, #D09086, #DDC1B5, #DAD8C3 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: #bb6160; --color-2: #cb7566; --color-3: #d09086; --color-4: #ddc1b5; --color-5: #dad8c3. 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