#D07543 + #C5AA90 + #BEBCB6 + #C9DAAD + #B8FECB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D07543

Tangerine · Chocolate · Warm Sun

HEX

#D07543

RGB

rgb(208, 117, 67)

HSL

hsl(21, 60%, 54%)

HSB

hsb(21, 68%, 82%)

CMYK

cmyk(0%, 44%, 68%, 18%)

Oklch

oklch(65.4% 0.131 47.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#C5AA90

Apricot · Tan · Warm Sun

HEX

#C5AA90

RGB

rgb(197, 170, 144)

HSL

hsl(29, 31%, 67%)

HSB

hsb(29, 27%, 77%)

CMYK

cmyk(0%, 14%, 27%, 23%)

Oklch

oklch(75.5% 0.048 65.9)

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

#BEBCB6

Silver Gray · Silver · Pearl Gray

HEX

#BEBCB6

RGB

rgb(190, 188, 182)

HSL

hsl(45, 6%, 73%)

HSB

hsb(45, 4%, 75%)

CMYK

cmyk(0%, 1%, 4%, 25%)

Oklch

oklch(79.5% 0.009 91.5)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#C9DAAD

Willow Green · Silver · Apple Green

HEX

#C9DAAD

RGB

rgb(201, 218, 173)

HSL

hsl(83, 38%, 77%)

HSB

hsb(83, 21%, 85%)

CMYK

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

Oklch

oklch(86.4% 0.063 124.5)

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

#B8FECB

Emerald · LightBlue · Mint Green

HEX

#B8FECB

RGB

rgb(184, 254, 203)

HSL

hsl(136, 97%, 86%)

HSB

hsb(136, 28%, 100%)

CMYK

cmyk(28%, 0%, 20%, 0%)

Oklch

oklch(93.7% 0.098 152.7)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D07543

439FD0

Analogous

D04358

D07543

D0BB43

Triadic

D07543

43D075

7543D0

Split-Comp.

D07543

43D0BB

4358D0

Tetradic

D07543

58D043

439FD0

BB43D0

Contrast Matrix WCAG 2.1 Contrast

D07543	C5AA90	BEBCB6	C9DAAD	B8FECB
—	1.5 Fail	1.8 Fail	2.2 Fail	2.9 Fail
1.5 Fail	—	1.2 Fail	1.5 Fail	1.9 Fail
1.8 Fail	1.2 Fail	—	1.3 Fail	1.6 Fail
2.2 Fail	1.5 Fail	1.3 Fail	—	1.3 Fail
2.9 Fail	1.9 Fail	1.6 Fail	1.3 Fail	—

White BG

3.3AA Large

2.2Fail

1.9Fail

1.5Fail

1.2Fail

Black BG

6.3AA

9.5AAA

11.1AAA

14.1AAA

18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A84F

B9B996

BDBDB7

D0D1B8

D6D7D7

Deuteranopia

AEB552

BBBD98

BDBDB8

CFCEBB

D2CDDA

Tritanopia

CB595B

C49B9C

BEB9B9

CAC0C2

BBE1E3

Achromatopsia

8B8B8B

AFAFAF

BCBCBC

D0D0D0

E3E3E3

Shades & Tints Shades & Tints

#D07543

Dark

Light

#C5AA90

Dark

Light

#BEBCB6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d07543;
  --color-2: #c5aa90;
  --color-3: #bebcb6;
  --color-4: #c9daad;
  --color-5: #b8fecb;
}

SCSS

$color-1: #d07543;
$color-2: #c5aa90;
$color-3: #bebcb6;
$color-4: #c9daad;
$color-5: #b8fecb;

TAILWIND

colors: {
  'brand-1': '#d07543',
  'brand-2': '#c5aa90',
  'brand-3': '#bebcb6',
  'brand-4': '#c9daad',
  'brand-5': '#b8fecb',
}

RGB Array

[208, 117, 67], [197, 170, 144], [190, 188, 182], [201, 218, 173], [184, 254, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D07543, #C5AA90, #BEBCB6, #C9DAAD, #B8FECB 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: #d07543; --color-2: #c5aa90; --color-3: #bebcb6; --color-4: #c9daad; --color-5: #b8fecb. 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 general-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