← Back to Editor

#C7B6A4 · #F0E3B6 · #DDAEA4 · #D96982 · #554864

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#C7B6A4

Goose Yellow · Tan · Warm Sun

HEX
#C7B6A4
RGB
rgb(199, 182, 164)
HSL
hsl(31, 24%, 71%)
HSB
hsb(31, 18%, 78%)
CMYK
cmyk(0%, 9%, 18%, 22%)
Oklch
oklch(78.6% 0.032 68.9)

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

#F0E3B6

Goose Yellow · Wheat · Lemon Cream

HEX
#F0E3B6
RGB
rgb(240, 227, 182)
HSL
hsl(47, 66%, 83%)
HSB
hsb(47, 24%, 94%)
CMYK
cmyk(0%, 5%, 24%, 6%)
Oklch
oklch(91.5% 0.060 93.8)

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

#DDAEA4

Peach Pink · Tan · Coral Red

HEX
#DDAEA4
RGB
rgb(221, 174, 164)
HSL
hsl(11, 46%, 75%)
HSB
hsb(11, 26%, 87%)
CMYK
cmyk(0%, 21%, 26%, 13%)
Oklch
oklch(79.1% 0.057 32.1)

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

#D96982

Peach Pink · LightCoral · Coral Red

HEX
#D96982
RGB
rgb(217, 105, 130)
HSL
hsl(347, 60%, 63%)
HSB
hsb(347, 52%, 85%)
CMYK
cmyk(0%, 52%, 40%, 15%)
Oklch
oklch(66.0% 0.142 7.7)

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

#554864

Deep Indigo · DimGray · Eggplant

HEX
#554864
RGB
rgb(85, 72, 100)
HSL
hsl(268, 16%, 34%)
HSB
hsb(268, 28%, 39%)
CMYK
cmyk(15%, 28%, 0%, 61%)
Oklch
oklch(42.6% 0.048 305.6)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7B6A4
A3B4C7

Analogous

C7A4A3
C7B6A4
C6C7A3

Triadic

C7B6A4
A3C7B6
B6A3C7

Split-Comp.

C7B6A4
A3C6C7
A4A3C7

Tetradic

C7B6A4
A3C7A4
A3B4C7
C7A3C6

Contrast Matrix WCAG 2.1 Contrast

C7B6A4
F0E3B6
DDAEA4
D96982
554864
—
1.5
Fail
1.0
Fail
1.7
Fail
4.3
AA Large
1.5
Fail
—
1.5
Fail
2.6
Fail
6.6
AA
1.0
Fail
1.5
Fail
—
1.7
Fail
4.3
AA Large
1.7
Fail
2.6
Fail
1.7
Fail
—
2.5
Fail
4.3
AA Large
6.6
AA
4.3
AA Large
2.5
Fail
—
White BG
2.0Fail
1.3Fail
2.0Fail
3.3AA Large
8.4AAA
Black BG
10.7AAA
16.4AAA
10.7AAA
6.3AA
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0BFA8
EAEAC1
C9C8A6
A9A77C
4F4F5D

Deuteranopia

C1C2A9
EBECC4
CBCFA7
AFB77B
50515C

Tritanopia

C6ACAD
EFC9CB
DBA8A9
D37776
545857

Achromatopsia

B9B9B9
E2E2E2
BBBBBB
8D8D8D
4F4F4F

Shades & Tints Shades & Tints

#C7B6A4

Dark
Light

#F0E3B6

Dark
Light

#DDAEA4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7b6a4;
  --color-2: #f0e3b6;
  --color-3: #ddaea4;
  --color-4: #d96982;
  --color-5: #554864;
}

SCSS

$color-1: #c7b6a4;
$color-2: #f0e3b6;
$color-3: #ddaea4;
$color-4: #d96982;
$color-5: #554864;

TAILWIND

colors: {
  'brand-1': '#c7b6a4',
  'brand-2': '#f0e3b6',
  'brand-3': '#ddaea4',
  'brand-4': '#d96982',
  'brand-5': '#554864',
}

RGB Array

[199, 182, 164], [240, 227, 182], [221, 174, 164], [217, 105, 130], [85, 72, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C7B6A4, #F0E3B6, #DDAEA4, #D96982, #554864 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: #c7b6a4; --color-2: #f0e3b6; --color-3: #ddaea4; --color-4: #d96982; --color-5: #554864. 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