← Back to Editor

#7E724A · #D0CB9F · #FBF1F1 · #FC6052 · #ACCDC9

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

#7E724A

Ochre · DimGray · Honey Gold

HEX
#7E724A
RGB
rgb(126, 114, 74)
HSL
hsl(46, 26%, 39%)
HSB
hsb(46, 41%, 49%)
CMYK
cmyk(0%, 10%, 41%, 51%)
Oklch
oklch(55.3% 0.059 93.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#D0CB9F

Fresh Green · Tan · Sunflower

HEX
#D0CB9F
RGB
rgb(208, 203, 159)
HSL
hsl(54, 34%, 72%)
HSB
hsb(54, 24%, 82%)
CMYK
cmyk(0%, 2%, 24%, 18%)
Oklch
oklch(83.5% 0.059 102.2)

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

#FBF1F1

Peach Pink · SeaShell · Cherry Blossom

HEX
#FBF1F1
RGB
rgb(251, 241, 241)
HSL
hsl(0, 56%, 96%)
HSB
hsb(0, 4%, 98%)
CMYK
cmyk(0%, 4%, 4%, 2%)
Oklch
oklch(96.6% 0.011 17.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FC6052

Peach Pink · Tomato · Coral Red

HEX
#FC6052
RGB
rgb(252, 96, 82)
HSL
hsl(5, 97%, 65%)
HSB
hsb(5, 67%, 99%)
CMYK
cmyk(0%, 62%, 67%, 1%)
Oklch
oklch(68.9% 0.193 28.3)

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

#ACCDC9

Jade · LightSteelBlue · Lake Green

HEX
#ACCDC9
RGB
rgb(172, 205, 201)
HSL
hsl(173, 25%, 74%)
HSB
hsb(173, 16%, 80%)
CMYK
cmyk(16%, 0%, 2%, 20%)
Oklch
oklch(82.3% 0.036 187.5)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7E724A
4A567D

Analogous

7D574A
7E724A
707D4A

Triadic

7E724A
4A7D71
714A7D

Split-Comp.

7E724A
4A707D
574A7D

Tetradic

7E724A
4A7D57
4A567D
7D4A70

Contrast Matrix WCAG 2.1 Contrast

7E724A
D0CB9F
FBF1F1
FC6052
ACCDC9
—
2.9
Fail
4.3
AA Large
1.6
Fail
2.8
Fail
2.9
Fail
—
1.5
Fail
1.8
Fail
1.0
Fail
4.3
AA Large
1.5
Fail
—
2.7
Fail
1.5
Fail
1.6
Fail
1.8
Fail
2.7
Fail
—
1.8
Fail
2.8
Fail
1.0
Fail
1.5
Fail
1.8
Fail
—
White BG
4.8AA
1.7Fail
1.1Fail
3.0AA Large
1.7Fail
Black BG
4.4AA Large
12.7AAA
19.0AAA
6.9AA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

797954
CECEAA
F7F7F1
B8B755
BABBCA

Deuteranopia

7A7A56
CECFAC
F7F8F1
C2CD56
B8B6CA

Tritanopia

7D5B5D
D0B2B4
FBF1F1
F45859
AECBCB

Achromatopsia

717171
C7C7C7
F4F4F4
8D8D8D
C3C3C3

Shades & Tints Shades & Tints

#7E724A

Dark
Light

#D0CB9F

Dark
Light

#FBF1F1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7e724a;
  --color-2: #d0cb9f;
  --color-3: #fbf1f1;
  --color-4: #fc6052;
  --color-5: #accdc9;
}

SCSS

$color-1: #7e724a;
$color-2: #d0cb9f;
$color-3: #fbf1f1;
$color-4: #fc6052;
$color-5: #accdc9;

TAILWIND

colors: {
  'brand-1': '#7e724a',
  'brand-2': '#d0cb9f',
  'brand-3': '#fbf1f1',
  'brand-4': '#fc6052',
  'brand-5': '#accdc9',
}

RGB Array

[126, 114, 74], [208, 203, 159], [251, 241, 241], [252, 96, 82], [172, 205, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7E724A, #D0CB9F, #FBF1F1, #FC6052, #ACCDC9 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: #7e724a; --color-2: #d0cb9f; --color-3: #fbf1f1; --color-4: #fc6052; --color-5: #accdc9. 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