#C09078 + #C0A890 + #D8C0A8 + #F0D8C0 + #F0D8A8 · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C09078

Apricot · DarkSalmon · Warm Sun

HEX

#C09078

RGB

rgb(192, 144, 120)

HSL

hsl(20, 36%, 61%)

HSB

hsb(20, 38%, 75%)

CMYK

cmyk(0%, 25%, 38%, 25%)

Oklch

oklch(69.3% 0.068 47.7)

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

#C0A890

Ginger · Tan · Warm Sun

HEX

#C0A890

RGB

rgb(192, 168, 144)

HSL

hsl(30, 28%, 66%)

HSB

hsb(30, 25%, 75%)

CMYK

cmyk(0%, 13%, 25%, 25%)

Oklch

oklch(74.6% 0.044 67.1)

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

#D8C0A8

Goose Yellow · Tan · Warm Sun

HEX

#D8C0A8

RGB

rgb(216, 192, 168)

HSL

hsl(30, 38%, 75%)

HSB

hsb(30, 22%, 85%)

CMYK

cmyk(0%, 11%, 22%, 15%)

Oklch

oklch(82.2% 0.043 67.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F0D8C0

Goose Yellow · Wheat · Peach Orange

HEX

#F0D8C0

RGB

rgb(240, 216, 192)

HSL

hsl(30, 62%, 85%)

HSB

hsb(30, 20%, 94%)

CMYK

cmyk(0%, 10%, 20%, 6%)

Oklch

oklch(89.6% 0.042 67.3)

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

#F0D8A8

Goose Yellow · Wheat · Lemon Cream

HEX

#F0D8A8

RGB

rgb(240, 216, 168)

HSL

hsl(40, 71%, 80%)

HSB

hsb(40, 30%, 94%)

CMYK

cmyk(0%, 10%, 30%, 6%)

Oklch

oklch(89.0% 0.068 84.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C09078

78A7BF

Analogous

BF7884

C09078

BFB378

Triadic

C09078

78BF90

9078BF

Split-Comp.

C09078

78BFB3

7884BF

Tetradic

C09078

84BF78

78A7BF

B378BF

Contrast Matrix WCAG 2.1 Contrast

C09078	C0A890	D8C0A8	F0D8C0	F0D8A8
—	1.2 Fail	1.6 Fail	2.0 Fail	2.0 Fail
1.2 Fail	—	1.3 Fail	1.7 Fail	1.6 Fail
1.6 Fail	1.3 Fail	—	1.3 Fail	1.3 Fail
2.0 Fail	1.7 Fail	1.3 Fail	—	1.0 Fail
2.0 Fail	1.6 Fail	1.3 Fail	1.0 Fail	—

White BG

2.8Fail

2.3Fail

1.7Fail

1.4Fail

Black BG

7.5AAA

9.2AAA

12.0AAA

15.3AAA

15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABAB7E

B6B596

CECDAE

E6E5C6

E6E5B4

Deuteranopia

AEB27F

B7B997

CFD1AF

E7E9C7

E7E9B6

Tritanopia

BE8283

BF9A9B

D7B2B3

EFCACB

EFBDBF

Achromatopsia

9C9C9C

ACACAC

C4C4C4

DCDCDC

DADADA

Shades & Tints Shades & Tints

#C09078

Dark

Light

#C0A890

Dark

Light

#D8C0A8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c09078;
  --color-2: #c0a890;
  --color-3: #d8c0a8;
  --color-4: #f0d8c0;
  --color-5: #f0d8a8;
}

SCSS

$color-1: #c09078;
$color-2: #c0a890;
$color-3: #d8c0a8;
$color-4: #f0d8c0;
$color-5: #f0d8a8;

TAILWIND

colors: {
  'brand-1': '#c09078',
  'brand-2': '#c0a890',
  'brand-3': '#d8c0a8',
  'brand-4': '#f0d8c0',
  'brand-5': '#f0d8a8',
}

RGB Array

[192, 144, 120], [192, 168, 144], [216, 192, 168], [240, 216, 192], [240, 216, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #C09078, #C0A890, #D8C0A8, #F0D8C0, #F0D8A8 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: #c09078; --color-2: #c0a890; --color-3: #d8c0a8; --color-4: #f0d8c0; --color-5: #f0d8a8. 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 warm-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