#D2AC92 + #F2E2C4 + #BACA8F + #F2E2C4 + #C7B794 · earth - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D2AC92

Apricot · Tan · Warm Sun

HEX

#D2AC92

RGB

rgb(210, 172, 146)

HSL

hsl(24, 42%, 70%)

HSB

hsb(24, 30%, 82%)

CMYK

cmyk(0%, 18%, 30%, 18%)

Oklch

oklch(77.2% 0.057 56.1)

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

#F2E2C4

Goose Yellow · Bisque · Peach Orange

HEX

#F2E2C4

RGB

rgb(242, 226, 196)

HSL

hsl(39, 64%, 86%)

HSB

hsb(39, 19%, 95%)

CMYK

cmyk(0%, 7%, 19%, 5%)

Oklch

oklch(91.8% 0.043 83.2)

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

#BACA8F

Willow Green · Tan · Apple Green

HEX

#BACA8F

RGB

rgb(186, 202, 143)

HSL

hsl(76, 36%, 68%)

HSB

hsb(76, 29%, 79%)

CMYK

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

Oklch

oklch(81.2% 0.081 120.5)

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

#F2E2C4

Goose Yellow · Bisque · Peach Orange

HEX

#F2E2C4

RGB

rgb(242, 226, 196)

HSL

hsl(39, 64%, 86%)

HSB

hsb(39, 19%, 95%)

CMYK

cmyk(0%, 7%, 19%, 5%)

Oklch

oklch(91.8% 0.043 83.2)

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

#C7B794

Ginger · Tan · Sunflower

HEX

#C7B794

RGB

rgb(199, 183, 148)

HSL

hsl(41, 31%, 68%)

HSB

hsb(41, 26%, 78%)

CMYK

cmyk(0%, 8%, 26%, 22%)

Oklch

oklch(78.4% 0.051 86.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2AC92

92B9D3

Analogous

D39299

D2AC92

D3CC92

Triadic

D2AC92

92D3AC

AC92D3

Split-Comp.

D2AC92

92D3CC

9299D3

Tetradic

D2AC92

99D392

92B9D3

CC92D3

Contrast Matrix WCAG 2.1 Contrast

D2AC92	F2E2C4	BACA8F	F2E2C4	C7B794
—	1.6 Fail	1.2 Fail	1.6 Fail	1.1 Fail
1.6 Fail	—	1.4 Fail	—	1.5 Fail
1.2 Fail	1.4 Fail	—	1.4 Fail	1.1 Fail
1.6 Fail	—	1.4 Fail	—	1.5 Fail
1.1 Fail	1.5 Fail	1.1 Fail	1.5 Fail	—

White BG

2.1Fail

1.3Fail

1.8Fail

1.3Fail

2.0Fail

Black BG

10.1AAA

16.5AAA

11.9AAA

16.5AAA

10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C198

EBEBCB

C1C19D

EBEBCB

C0C09C

Deuteranopia

C4C79A

ECEDCD

C0BFA1

ECEDCD

C1C29F

Tritanopia

D09D9E

F1D1D2

BBA9AB

F1D1D2

C6A3A5

Achromatopsia

B4B4B4

E3E3E3

BEBEBE

E3E3E3

B8B8B8

Shades & Tints Shades & Tints

#D2AC92

Dark

Light

#F2E2C4

Dark

Light

#BACA8F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2ac92;
  --color-2: #f2e2c4;
  --color-3: #baca8f;
  --color-4: #f2e2c4;
  --color-5: #c7b794;
}

SCSS

$color-1: #d2ac92;
$color-2: #f2e2c4;
$color-3: #baca8f;
$color-4: #f2e2c4;
$color-5: #c7b794;

TAILWIND

colors: {
  'brand-1': '#d2ac92',
  'brand-2': '#f2e2c4',
  'brand-3': '#baca8f',
  'brand-4': '#f2e2c4',
  'brand-5': '#c7b794',
}

RGB Array

[210, 172, 146], [242, 226, 196], [186, 202, 143], [242, 226, 196], [199, 183, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #D2AC92, #F2E2C4, #BACA8F, #F2E2C4, #C7B794 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: #d2ac92; --color-2: #f2e2c4; --color-3: #baca8f; --color-4: #f2e2c4; --color-5: #c7b794. 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 earth-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