#C09090 + #D8C0A8 + #D8D8C0 + #D8F0D8 + #F0F0D8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C09090

Peach Pink · Tan · Coral Red

HEX

#C09090

RGB

rgb(192, 144, 144)

HSL

hsl(0, 28%, 66%)

HSB

hsb(0, 25%, 75%)

CMYK

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

Oklch

oklch(69.9% 0.058 18.7)

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

#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

#D8D8C0

Fresh Green · LightGray · Lemon Cream

HEX

#D8D8C0

RGB

rgb(216, 216, 192)

HSL

hsl(60, 24%, 80%)

HSB

hsb(60, 11%, 85%)

CMYK

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

Oklch

oklch(87.6% 0.032 107.0)

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

#D8F0D8

Celadon · Beige · Mint Green

HEX

#D8F0D8

RGB

rgb(216, 240, 216)

HSL

hsl(120, 44%, 89%)

HSB

hsb(120, 10%, 94%)

CMYK

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

Oklch

oklch(93.1% 0.041 145.2)

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

#F0F0D8

Fresh Green · Beige · Lemon Cream

HEX

#F0F0D8

RGB

rgb(240, 240, 216)

HSL

hsl(60, 44%, 89%)

HSB

hsb(60, 10%, 94%)

CMYK

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

Oklch

oklch(94.9% 0.032 107.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C09090

90C1C1

Analogous

C190A8

C09090

C1A890

Triadic

C09090

90C190

9090C1

Split-Comp.

C09090

90C1A8

90A8C1

Tetradic

C09090

A8C190

90C1C1

A890C1

Contrast Matrix WCAG 2.1 Contrast

C09090	D8C0A8	D8D8C0	D8F0D8	F0F0D8
—	1.6 Fail	1.9 Fail	2.3 Fail	2.4 Fail
1.6 Fail	—	1.2 Fail	1.4 Fail	1.5 Fail
1.9 Fail	1.2 Fail	—	1.2 Fail	1.3 Fail
2.3 Fail	1.4 Fail	1.2 Fail	—	1.0 Fail
2.4 Fail	1.5 Fail	1.3 Fail	1.0 Fail	—

White BG

2.8Fail

1.7Fail

1.4Fail

1.2Fail

Black BG

7.6AAA

12.0AAA

14.5AAA

17.4AAA

18.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABAB90

CECDAE

D8D8C6

E2E3DE

F0F0DE

Deuteranopia

AEB290

CFD1AF

D8D8C7

E1DFDF

F0F0DF

Tritanopia

BE9090

D7B2B3

D8CACB

D9E2E3

F0E2E3

Achromatopsia

9E9E9E

C4C4C4

D5D5D5

E6E6E6

EDEDED

Shades & Tints Shades & Tints

#C09090

Dark

Light

#D8C0A8

Dark

Light

#D8D8C0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c09090;
  --color-2: #d8c0a8;
  --color-3: #d8d8c0;
  --color-4: #d8f0d8;
  --color-5: #f0f0d8;
}

SCSS

$color-1: #c09090;
$color-2: #d8c0a8;
$color-3: #d8d8c0;
$color-4: #d8f0d8;
$color-5: #f0f0d8;

TAILWIND

colors: {
  'brand-1': '#c09090',
  'brand-2': '#d8c0a8',
  'brand-3': '#d8d8c0',
  'brand-4': '#d8f0d8',
  'brand-5': '#f0f0d8',
}

RGB Array

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

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C09090, #D8C0A8, #D8D8C0, #D8F0D8, #F0F0D8 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: #c09090; --color-2: #d8c0a8; --color-3: #d8d8c0; --color-4: #d8f0d8; --color-5: #f0f0d8. 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