#D9A092 + #DDB299 + #EFE6CD + #A8BDA2 + #789B8D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D9A092

Peach Pink · Tan · Coral Red

HEX

#D9A092

RGB

rgb(217, 160, 146)

HSL

hsl(12, 48%, 71%)

HSB

hsb(12, 33%, 85%)

CMYK

cmyk(0%, 26%, 33%, 15%)

Oklch

oklch(75.6% 0.071 34.2)

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

#DDB299

Apricot · Tan · Warm Sun

HEX

#DDB299

RGB

rgb(221, 178, 153)

HSL

hsl(22, 50%, 73%)

HSB

hsb(22, 31%, 87%)

CMYK

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

Oklch

oklch(79.6% 0.061 51.7)

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

#EFE6CD

Goose Yellow · Bisque · Lemon Cream

HEX

#EFE6CD

RGB

rgb(239, 230, 205)

HSL

hsl(44, 52%, 87%)

HSB

hsb(44, 14%, 94%)

CMYK

cmyk(0%, 4%, 14%, 6%)

Oklch

oklch(92.5% 0.034 90.5)

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

#A8BDA2

Celadon · DarkGray · Apple Green

HEX

#A8BDA2

RGB

rgb(168, 189, 162)

HSL

hsl(107, 17%, 69%)

HSB

hsb(107, 14%, 74%)

CMYK

cmyk(11%, 0%, 14%, 26%)

Oklch

oklch(77.5% 0.044 138.7)

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

#789B8D

Mineral Blue · LightSlateGray · Olive Green

HEX

#789B8D

RGB

rgb(120, 155, 141)

HSL

hsl(156, 15%, 54%)

HSB

hsb(156, 23%, 61%)

CMYK

cmyk(23%, 0%, 9%, 39%)

Oklch

oklch(65.9% 0.044 168.6)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9A092

92CAD9

Analogous

D992A7

D9A092

D9C392

Triadic

D9A092

92D9A0

A092D9

Split-Comp.

D9A092

92D9C3

92A7D9

Tetradic

D9A092

A7D992

92CAD9

C392D9

Contrast Matrix WCAG 2.1 Contrast

D9A092	DDB299	EFE6CD	A8BDA2	789B8D
—	1.2 Fail	1.8 Fail	1.1 Fail	1.4 Fail
1.2 Fail	—	1.5 Fail	1.0 Fail	1.6 Fail
1.8 Fail	1.5 Fail	—	1.6 Fail	2.5 Fail
1.1 Fail	1.0 Fail	1.6 Fail	—	1.5 Fail
1.4 Fail	1.6 Fail	2.5 Fail	1.5 Fail	—

White BG

2.2Fail

1.9Fail

1.2Fail

2.0Fail

3.1AA Large

Black BG

9.4AAA

10.9AAA

16.9AAA

10.5AAA

6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C095

CACA9F

EBEBD3

B1B1A9

878790

Deuteranopia

C4C896

CDD0A1

ECECD5

B0AEAA

858391

Tritanopia

D69899

DBA4A5

EFD8D9

A9AEAF

7A9394

Achromatopsia

AFAFAF

BCBCBC

E6E6E6

B4B4B4

8F8F8F

Shades & Tints Shades & Tints

#D9A092

Dark

Light

#DDB299

Dark

Light

#EFE6CD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9a092;
  --color-2: #ddb299;
  --color-3: #efe6cd;
  --color-4: #a8bda2;
  --color-5: #789b8d;
}

SCSS

$color-1: #d9a092;
$color-2: #ddb299;
$color-3: #efe6cd;
$color-4: #a8bda2;
$color-5: #789b8d;

TAILWIND

colors: {
  'brand-1': '#d9a092',
  'brand-2': '#ddb299',
  'brand-3': '#efe6cd',
  'brand-4': '#a8bda2',
  'brand-5': '#789b8d',
}

RGB Array

[217, 160, 146], [221, 178, 153], [239, 230, 205], [168, 189, 162], [120, 155, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9A092, #DDB299, #EFE6CD, #A8BDA2, #789B8D 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: #d9a092; --color-2: #ddb299; --color-3: #efe6cd; --color-4: #a8bda2; --color-5: #789b8d. 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