← Back to Editor

#CABC9F · #76542E · #CE9254 · #D7C198 · #FDEAC9

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#CABC9F

Goose Yellow · Tan · Sunflower

HEX
#CABC9F
RGB
rgb(202, 188, 159)
HSL
hsl(40, 29%, 71%)
HSB
hsb(40, 21%, 79%)
CMYK
cmyk(0%, 7%, 21%, 21%)
Oklch
oklch(79.9% 0.042 85.3)

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

#76542E

Ochre · DarkOliveGreen · Amber Brown

HEX
#76542E
RGB
rgb(118, 84, 46)
HSL
hsl(32, 44%, 32%)
HSB
hsb(32, 61%, 46%)
CMYK
cmyk(0%, 29%, 61%, 54%)
Oklch
oklch(47.4% 0.070 67.8)

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

#CE9254

Ginger · SandyBrown · Warm Sun

HEX
#CE9254
RGB
rgb(206, 146, 84)
HSL
hsl(30, 55%, 57%)
HSB
hsb(30, 59%, 81%)
CMYK
cmyk(0%, 29%, 59%, 19%)
Oklch
oklch(70.6% 0.107 65.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#D7C198

Goose Yellow · Tan · Warm Sun

HEX
#D7C198
RGB
rgb(215, 193, 152)
HSL
hsl(39, 44%, 72%)
HSB
hsb(39, 29%, 84%)
CMYK
cmyk(0%, 10%, 29%, 16%)
Oklch
oklch(81.9% 0.060 82.9)

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

#FDEAC9

Goose Yellow · Bisque · Peach Orange

HEX
#FDEAC9
RGB
rgb(253, 234, 201)
HSL
hsl(38, 93%, 89%)
HSB
hsb(38, 21%, 99%)
CMYK
cmyk(0%, 8%, 21%, 1%)
Oklch
oklch(94.4% 0.048 81.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CABC9F
A0AECA

Analogous

CAA7A0
CABC9F
C3CAA0

Triadic

CABC9F
A0CABC
BCA0CA

Split-Comp.

CABC9F
A0C3CA
A7A0CA

Tetradic

CABC9F
A0CAA7
A0AECA
CAA0C3

Contrast Matrix WCAG 2.1 Contrast

CABC9F
76542E
CE9254
D7C198
FDEAC9
—
3.6
AA Large
1.4
Fail
1.1
Fail
1.6
Fail
3.6
AA Large
—
2.6
Fail
3.9
AA Large
5.8
AA
1.4
Fail
2.6
Fail
—
1.5
Fail
2.3
Fail
1.1
Fail
3.9
AA Large
1.5
Fail
—
1.5
Fail
1.6
Fail
5.8
AA
2.3
Fail
1.5
Fail
—
White BG
1.9Fail
6.8AA
2.7Fail
1.8Fail
1.2Fail
Black BG
11.2AAA
3.1AA Large
7.9AAA
12.0AAA
17.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C4A6
676737
B4B363
CDCDA2
F5F5D1

Deuteranopia

C5C6A8
696C39
B8BC67
CFD0A4
F6F7D3

Tritanopia

C9ACAD
743E40
CB6F71
D6AAAB
FCD7D9

Achromatopsia

BDBDBD
5A5A5A
9D9D9D
C3C3C3
ECECEC

Shades & Tints Shades & Tints

#CABC9F

Dark
Light

#76542E

Dark
Light

#CE9254

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cabc9f;
  --color-2: #76542e;
  --color-3: #ce9254;
  --color-4: #d7c198;
  --color-5: #fdeac9;
}

SCSS

$color-1: #cabc9f;
$color-2: #76542e;
$color-3: #ce9254;
$color-4: #d7c198;
$color-5: #fdeac9;

TAILWIND

colors: {
  'brand-1': '#cabc9f',
  'brand-2': '#76542e',
  'brand-3': '#ce9254',
  'brand-4': '#d7c198',
  'brand-5': '#fdeac9',
}

RGB Array

[202, 188, 159], [118, 84, 46], [206, 146, 84], [215, 193, 152], [253, 234, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #CABC9F, #76542E, #CE9254, #D7C198, #FDEAC9 is ideal for: 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: #cabc9f; --color-2: #76542e; --color-3: #ce9254; --color-4: #d7c198; --color-5: #fdeac9. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 cool-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