#D7D9BA + #E7C0AB + #F69F37 + #F67337 + #91BCA3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D7D9BA

Fresh Green · LightGray · Lemon Cream

HEX

#D7D9BA

RGB

rgb(215, 217, 186)

HSL

hsl(64, 29%, 79%)

HSB

hsb(64, 14%, 85%)

CMYK

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

Oklch

oklch(87.6% 0.041 110.2)

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

#E7C0AB

Apricot · LightPink · Peach Orange

HEX

#E7C0AB

RGB

rgb(231, 192, 171)

HSL

hsl(21, 56%, 79%)

HSB

hsb(21, 26%, 91%)

CMYK

cmyk(0%, 17%, 26%, 9%)

Oklch

oklch(83.6% 0.053 49.9)

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

#F69F37

Ginger · GoldenRod · Warm Sun

HEX

#F69F37

RGB

rgb(246, 159, 55)

HSL

hsl(33, 91%, 59%)

HSB

hsb(33, 78%, 96%)

CMYK

cmyk(0%, 35%, 78%, 4%)

Oklch

oklch(77.3% 0.153 66.0)

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

#F67337

Tangerine · Tomato · Warm Sun

HEX

#F67337

RGB

rgb(246, 115, 55)

HSL

hsl(19, 91%, 59%)

HSB

hsb(19, 78%, 96%)

CMYK

cmyk(0%, 53%, 78%, 4%)

Oklch

oklch(70.2% 0.176 43.0)

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

#91BCA3

Celadon · DarkSeaGreen · Apple Green

HEX

#91BCA3

RGB

rgb(145, 188, 163)

HSL

hsl(145, 24%, 65%)

HSB

hsb(145, 23%, 74%)

CMYK

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

Oklch

oklch(75.7% 0.058 159.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7D9BA

BCBAD9

Analogous

D9CCBA

D7D9BA

C7D9BA

Triadic

D7D9BA

BAD7D9

D9BAD7

Split-Comp.

D7D9BA

BAC7D9

CCBAD9

Tetradic

D7D9BA

BAD9CC

BCBAD9

D9BAC7

Contrast Matrix WCAG 2.1 Contrast

D7D9BA	E7C0AB	F69F37	F67337	91BCA3
—	1.2 Fail	1.5 Fail	2.0 Fail	1.5 Fail
1.2 Fail	—	1.3 Fail	1.7 Fail	1.3 Fail
1.5 Fail	1.3 Fail	—	1.3 Fail	1.0 Fail
2.0 Fail	1.7 Fail	1.3 Fail	—	1.3 Fail
1.5 Fail	1.3 Fail	1.0 Fail	1.3 Fail	—

White BG

1.4Fail

1.7Fail

2.1Fail

2.8Fail

2.1Fail

Black BG

14.5AAA

12.5AAA

9.9AAA

7.4AAA

9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8C2

D6D6B0

D0D050

BDBC46

A4A4A9

Deuteranopia

D8D8C3

D8DBB1

D5DC56

C5CF49

A19EAB

Tritanopia

D7C7C9

E5B4B5

F26468

EF5154

93AEAF

Achromatopsia

D5D5D5

C9C9C9

ADADAD

939393

ACACAC

Shades & Tints Shades & Tints

#D7D9BA

Dark

Light

#E7C0AB

Dark

Light

#F69F37

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7d9ba;
  --color-2: #e7c0ab;
  --color-3: #f69f37;
  --color-4: #f67337;
  --color-5: #91bca3;
}

SCSS

$color-1: #d7d9ba;
$color-2: #e7c0ab;
$color-3: #f69f37;
$color-4: #f67337;
$color-5: #91bca3;

TAILWIND

colors: {
  'brand-1': '#d7d9ba',
  'brand-2': '#e7c0ab',
  'brand-3': '#f69f37',
  'brand-4': '#f67337',
  'brand-5': '#91bca3',
}

RGB Array

[215, 217, 186], [231, 192, 171], [246, 159, 55], [246, 115, 55], [145, 188, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D7D9BA, #E7C0AB, #F69F37, #F67337, #91BCA3 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: #d7d9ba; --color-2: #e7c0ab; --color-3: #f69f37; --color-4: #f67337; --color-5: #91bca3. 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