← Back to Editor

#452A09 · #8FA99C · #FDF2B8 · #C1B886 · #CCC997

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

#452A09

Ochre · Maroon · Cinnamon

HEX
#452A09
RGB
rgb(69, 42, 9)
HSL
hsl(33, 77%, 15%)
HSB
hsb(33, 87%, 27%)
CMYK
cmyk(0%, 39%, 87%, 73%)
Oklch
oklch(31.2% 0.060 66.9)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#8FA99C

Jade · DarkSeaGreen · Apple Green

HEX
#8FA99C
RGB
rgb(143, 169, 156)
HSL
hsl(150, 13%, 61%)
HSB
hsb(150, 15%, 66%)
CMYK
cmyk(15%, 0%, 8%, 34%)
Oklch
oklch(71.1% 0.034 163.8)

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

#FDF2B8

Fresh Green · Bisque · Lemon Cream

HEX
#FDF2B8
RGB
rgb(253, 242, 184)
HSL
hsl(50, 95%, 86%)
HSB
hsb(50, 27%, 99%)
CMYK
cmyk(0%, 4%, 27%, 1%)
Oklch
oklch(95.6% 0.075 98.6)

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

#C1B886

Fresh Green · Tan · Sunflower

HEX
#C1B886
RGB
rgb(193, 184, 134)
HSL
hsl(51, 32%, 64%)
HSB
hsb(51, 31%, 76%)
CMYK
cmyk(0%, 5%, 31%, 24%)
Oklch
oklch(77.8% 0.068 99.1)

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

#CCC997

Fresh Green · Tan · Sunflower

HEX
#CCC997
RGB
rgb(204, 201, 151)
HSL
hsl(57, 34%, 70%)
HSB
hsb(57, 26%, 80%)
CMYK
cmyk(0%, 1%, 26%, 20%)
Oklch
oklch(82.6% 0.066 104.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

452A09
092344

Analogous

440C09
452A09
414409

Triadic

452A09
094429
290944

Split-Comp.

452A09
094144
0C0944

Tetradic

452A09
09440C
092344
440941

Contrast Matrix WCAG 2.1 Contrast

452A09
8FA99C
FDF2B8
C1B886
CCC997
—
5.2
AA
11.7
AAA
6.6
AA
7.8
AAA
5.2
AA
—
2.2
Fail
1.3
Fail
1.5
Fail
11.7
AAA
2.2
Fail
—
1.8
Fail
1.5
Fail
6.6
AA
1.3
Fail
1.8
Fail
—
1.2
Fail
7.8
AAA
1.5
Fail
1.5
Fail
1.2
Fail
—
White BG
13.2AAA
2.5Fail
1.1Fail
2.0Fail
1.7Fail
Black BG
1.6Fail
8.3AAA
18.6AAA
10.5AAA
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

393911
9A9A9F
F8F8C6
BDBD92
CBCBA3

Deuteranopia

3B3D13
9997A0
F9FAC9
BEBE95
CBCBA6

Tritanopia

441719
90A2A2
FCD1D4
C19C9E
CCADAF

Achromatopsia

2E2E2E
A0A0A0
EFEFEF
B5B5B5
C4C4C4

Shades & Tints Shades & Tints

#452A09

Dark
Light

#8FA99C

Dark
Light

#FDF2B8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #452a09;
  --color-2: #8fa99c;
  --color-3: #fdf2b8;
  --color-4: #c1b886;
  --color-5: #ccc997;
}

SCSS

$color-1: #452a09;
$color-2: #8fa99c;
$color-3: #fdf2b8;
$color-4: #c1b886;
$color-5: #ccc997;

TAILWIND

colors: {
  'brand-1': '#452a09',
  'brand-2': '#8fa99c',
  'brand-3': '#fdf2b8',
  'brand-4': '#c1b886',
  'brand-5': '#ccc997',
}

RGB Array

[69, 42, 9], [143, 169, 156], [253, 242, 184], [193, 184, 134], [204, 201, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #452A09, #8FA99C, #FDF2B8, #C1B886, #CCC997 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: #452a09; --color-2: #8fa99c; --color-3: #fdf2b8; --color-4: #c1b886; --color-5: #ccc997. 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