← Back to Editor

#F0EDE8 · #D4C196 · #D9A7A8 · #C04B53 · #9B5D2A

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#F0EDE8

Goose Yellow · Linen · Peach Orange

HEX
#F0EDE8
RGB
rgb(240, 237, 232)
HSL
hsl(38, 21%, 93%)
HSB
hsb(38, 3%, 94%)
CMYK
cmyk(0%, 1%, 3%, 6%)
Oklch
oklch(94.7% 0.007 80.7)

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

#D4C196

Goose Yellow · Tan · Sunflower

HEX
#D4C196
RGB
rgb(212, 193, 150)
HSL
hsl(42, 42%, 71%)
HSB
hsb(42, 29%, 83%)
CMYK
cmyk(0%, 9%, 29%, 17%)
Oklch
oklch(81.6% 0.061 86.9)

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

#D9A7A8

Peach Pink · Tan · Coral Red

HEX
#D9A7A8
RGB
rgb(217, 167, 168)
HSL
hsl(359, 40%, 75%)
HSB
hsb(359, 23%, 85%)
CMYK
cmyk(0%, 23%, 23%, 15%)
Oklch
oklch(77.5% 0.059 17.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C04B53

Crimson · Sienna · Passion Red

HEX
#C04B53
RGB
rgb(192, 75, 83)
HSL
hsl(356, 48%, 52%)
HSB
hsb(356, 61%, 75%)
CMYK
cmyk(0%, 61%, 57%, 25%)
Oklch
oklch(57.1% 0.150 19.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#9B5D2A

Tangerine · Sienna · Amber Brown

HEX
#9B5D2A
RGB
rgb(155, 93, 42)
HSL
hsl(27, 57%, 39%)
HSB
hsb(27, 73%, 61%)
CMYK
cmyk(0%, 40%, 73%, 39%)
Oklch
oklch(53.9% 0.104 57.2)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0EDE8
E9ECF1

Analogous

F1EAE9
F0EDE8
F0F1E9

Triadic

F0EDE8
E9F1EE
EEE9F1

Split-Comp.

F0EDE8
E9F0F1
EAE9F1

Tetradic

F0EDE8
E9F1EA
E9ECF1
F1E9F0

Contrast Matrix WCAG 2.1 Contrast

F0EDE8
D4C196
D9A7A8
C04B53
9B5D2A
—
1.5
Fail
1.8
Fail
4.1
AA Large
4.5
AA
1.5
Fail
—
1.2
Fail
2.7
Fail
3.0
Fail
1.8
Fail
1.2
Fail
—
2.3
Fail
2.5
Fail
4.1
AA Large
2.7
Fail
2.3
Fail
—
1.1
Fail
4.5
AA
3.0
Fail
2.5
Fail
1.1
Fail
—
White BG
1.2Fail
1.8Fail
2.1Fail
4.8AA
5.3AA
Black BG
18.0AAA
11.9AAA
10.0AAA
4.4AA Large
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFE9
CCCCA0
C3C3A8
8D8C51
808036

Deuteranopia

EFEFE9
CDCEA3
C6CAA8
949D51
848839

Tritanopia

F0EAEA
D3A9AA
D6A8A8
BA504F
984042

Achromatopsia

EDEDED
C2C2C2
B6B6B6
6F6F6F
6A6A6A

Shades & Tints Shades & Tints

#F0EDE8

Dark
Light

#D4C196

Dark
Light

#D9A7A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0ede8;
  --color-2: #d4c196;
  --color-3: #d9a7a8;
  --color-4: #c04b53;
  --color-5: #9b5d2a;
}

SCSS

$color-1: #f0ede8;
$color-2: #d4c196;
$color-3: #d9a7a8;
$color-4: #c04b53;
$color-5: #9b5d2a;

TAILWIND

colors: {
  'brand-1': '#f0ede8',
  'brand-2': '#d4c196',
  'brand-3': '#d9a7a8',
  'brand-4': '#c04b53',
  'brand-5': '#9b5d2a',
}

RGB Array

[240, 237, 232], [212, 193, 150], [217, 167, 168], [192, 75, 83], [155, 93, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F0EDE8, #D4C196, #D9A7A8, #C04B53, #9B5D2A is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #f0ede8; --color-2: #d4c196; --color-3: #d9a7a8; --color-4: #c04b53; --color-5: #9b5d2a. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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