#A69780 + #F0E4BE + #F93672 + #E6CA8B + #D8B468 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A69780

Ginger · Gray · Warm Sun

HEX

#A69780

RGB

rgb(166, 151, 128)

HSL

hsl(36, 18%, 58%)

HSB

hsb(36, 23%, 65%)

CMYK

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

Oklch

oklch(68.3% 0.037 78.5)

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

#F0E4BE

Goose Yellow · Wheat · Lemon Cream

HEX

#F0E4BE

RGB

rgb(240, 228, 190)

HSL

hsl(46, 62%, 84%)

HSB

hsb(46, 21%, 94%)

CMYK

cmyk(0%, 5%, 21%, 6%)

Oklch

oklch(91.9% 0.051 92.6)

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

#F93672

Dark Violet · DeepPink · Rose Pink

HEX

#F93672

RGB

rgb(249, 54, 114)

HSL

hsl(342, 94%, 59%)

HSB

hsb(342, 78%, 98%)

CMYK

cmyk(0%, 78%, 54%, 2%)

Oklch

oklch(65.1% 0.229 8.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E6CA8B

Goose Yellow · BurlyWood · Sunflower

HEX

#E6CA8B

RGB

rgb(230, 202, 139)

HSL

hsl(42, 65%, 72%)

HSB

hsb(42, 40%, 90%)

CMYK

cmyk(0%, 12%, 40%, 10%)

Oklch

oklch(84.8% 0.087 86.6)

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

#D8B468

Ginger · BurlyWood · Sunflower

HEX

#D8B468

RGB

rgb(216, 180, 104)

HSL

hsl(41, 59%, 63%)

HSB

hsb(41, 52%, 85%)

CMYK

cmyk(0%, 17%, 52%, 15%)

Oklch

oklch(78.6% 0.104 84.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A69780

8190A7

Analogous

A78481

A69780

A3A781

Triadic

A69780

81A798

9881A7

Split-Comp.

A69780

81A3A7

8481A7

Tetradic

A69780

81A784

8190A7

A781A3

Contrast Matrix WCAG 2.1 Contrast

A69780	F0E4BE	F93672	E6CA8B	D8B468
—	2.2 Fail	1.3 Fail	1.8 Fail	1.4 Fail
2.2 Fail	—	2.9 Fail	1.3 Fail	1.6 Fail
1.3 Fail	2.9 Fail	—	2.3 Fail	1.8 Fail
1.8 Fail	1.3 Fail	2.3 Fail	—	1.2 Fail
1.4 Fail	1.6 Fail	1.8 Fail	1.2 Fail	—

White BG

2.9Fail

1.3Fail

3.6AA Large

1.6Fail

2.0Fail

Black BG

7.4AAA

16.5AAA

5.8AA

13.2AAA

10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A09F86

EBEBC7

A5A363

DADA9A

C8C87A

Deuteranopia

A0A287

ECECC9

B0BE60

DCDE9E

CBCD7F

Tritanopia

A58A8B

EFCED0

EF5856

E5A6A9

D6898C

Achromatopsia

999999

E3E3E3

777777

CBCBCB

B6B6B6

Shades & Tints Shades & Tints

#A69780

Dark

Light

#F0E4BE

Dark

Light

#F93672

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a69780;
  --color-2: #f0e4be;
  --color-3: #f93672;
  --color-4: #e6ca8b;
  --color-5: #d8b468;
}

SCSS

$color-1: #a69780;
$color-2: #f0e4be;
$color-3: #f93672;
$color-4: #e6ca8b;
$color-5: #d8b468;

TAILWIND

colors: {
  'brand-1': '#a69780',
  'brand-2': '#f0e4be',
  'brand-3': '#f93672',
  'brand-4': '#e6ca8b',
  'brand-5': '#d8b468',
}

RGB Array

[166, 151, 128], [240, 228, 190], [249, 54, 114], [230, 202, 139], [216, 180, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A69780, #F0E4BE, #F93672, #E6CA8B, #D8B468 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: #a69780; --color-2: #f0e4be; --color-3: #f93672; --color-4: #e6ca8b; --color-5: #d8b468. 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