#A4B490 + #DFB29D + #F3AA97 + #F1F1D9 + #C8B69E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A4B490

Willow Green · DarkSeaGreen · Apple Green

HEX

#A4B490

RGB

rgb(164, 180, 144)

HSL

hsl(87, 19%, 64%)

HSB

hsb(87, 20%, 71%)

CMYK

cmyk(9%, 0%, 20%, 29%)

Oklch

oklch(74.8% 0.053 127.2)

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

#DFB29D

Apricot · Tan · Warm Sun

HEX

#DFB29D

RGB

rgb(223, 178, 157)

HSL

hsl(19, 51%, 75%)

HSB

hsb(19, 30%, 87%)

CMYK

cmyk(0%, 20%, 30%, 13%)

Oklch

oklch(79.9% 0.060 46.3)

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

#F3AA97

Peach Pink · BurlyWood · Coral Red

HEX

#F3AA97

RGB

rgb(243, 170, 151)

HSL

hsl(12, 79%, 77%)

HSB

hsb(12, 38%, 95%)

CMYK

cmyk(0%, 30%, 38%, 5%)

Oklch

oklch(80.3% 0.091 35.2)

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

#F1F1D9

Fresh Green · Beige · Lemon Cream

HEX

#F1F1D9

RGB

rgb(241, 241, 217)

HSL

hsl(60, 46%, 90%)

HSB

hsb(60, 10%, 95%)

CMYK

cmyk(0%, 0%, 10%, 5%)

Oklch

oklch(95.2% 0.032 107.0)

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

#C8B69E

Ginger · Tan · Warm Sun

HEX

#C8B69E

RGB

rgb(200, 182, 158)

HSL

hsl(34, 28%, 70%)

HSB

hsb(34, 21%, 78%)

CMYK

cmyk(0%, 9%, 21%, 22%)

Oklch

oklch(78.5% 0.039 75.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A4B490

A192B5

Analogous

B5B392

A4B490

94B592

Triadic

A4B490

92A5B5

B592A5

Split-Comp.

A4B490

9294B5

B392B5

Tetradic

A4B490

92B5B3

A192B5

B59294

Contrast Matrix WCAG 2.1 Contrast

A4B490	DFB29D	F3AA97	F1F1D9	C8B69E
—	1.2 Fail	1.2 Fail	1.9 Fail	1.1 Fail
1.2 Fail	—	1.0 Fail	1.7 Fail	1.0 Fail
1.2 Fail	1.0 Fail	—	1.7 Fail	1.0 Fail
1.9 Fail	1.7 Fail	1.7 Fail	—	1.7 Fail
1.1 Fail	1.0 Fail	1.0 Fail	1.7 Fail	—

White BG

2.2Fail

1.9Fail

1.1Fail

2.0Fail

Black BG

9.5AAA

11.0AAA

18.3AAA

10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABAB99

CCCBA2

D3D39C

F1F1DF

C0C0A4

Deuteranopia

AAA99B

CED2A3

D8DD9D

F1F1E0

C1C3A5

Tritanopia

A5A0A1

DDA6A7

EF9FA0

F1E3E4

C7A8A9

Achromatopsia

ABABAB

BDBDBD

BEBEBE

EEEEEE

B9B9B9

Shades & Tints Shades & Tints

#A4B490

Dark

Light

#DFB29D

Dark

Light

#F3AA97

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a4b490;
  --color-2: #dfb29d;
  --color-3: #f3aa97;
  --color-4: #f1f1d9;
  --color-5: #c8b69e;
}

SCSS

$color-1: #a4b490;
$color-2: #dfb29d;
$color-3: #f3aa97;
$color-4: #f1f1d9;
$color-5: #c8b69e;

TAILWIND

colors: {
  'brand-1': '#a4b490',
  'brand-2': '#dfb29d',
  'brand-3': '#f3aa97',
  'brand-4': '#f1f1d9',
  'brand-5': '#c8b69e',
}

RGB Array

[164, 180, 144], [223, 178, 157], [243, 170, 151], [241, 241, 217], [200, 182, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A4B490, #DFB29D, #F3AA97, #F1F1D9, #C8B69E 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: #a4b490; --color-2: #dfb29d; --color-3: #f3aa97; --color-4: #f1f1d9; --color-5: #c8b69e. 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