← Back to Editor

#AEB08B · #D7CB9B · #CC988D · #968863 · #3B473D

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

#AEB08B

Fresh Green · DarkGray · Sunflower

HEX
#AEB08B
RGB
rgb(174, 176, 139)
HSL
hsl(63, 19%, 62%)
HSB
hsb(63, 21%, 69%)
CMYK
cmyk(1%, 0%, 21%, 31%)
Oklch
oklch(74.6% 0.051 110.1)

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

#D7CB9B

Goose Yellow · Tan · Sunflower

HEX
#D7CB9B
RGB
rgb(215, 203, 155)
HSL
hsl(48, 43%, 73%)
HSB
hsb(48, 28%, 84%)
CMYK
cmyk(0%, 6%, 28%, 16%)
Oklch
oklch(84.0% 0.065 95.7)

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

#CC988D

Peach Pink · Tan · Coral Red

HEX
#CC988D
RGB
rgb(204, 152, 141)
HSL
hsl(10, 38%, 68%)
HSB
hsb(10, 31%, 80%)
CMYK
cmyk(0%, 25%, 31%, 20%)
Oklch
oklch(72.6% 0.065 32.2)

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

#968863

Ochre · Gray · Honey Gold

HEX
#968863
RGB
rgb(150, 136, 99)
HSL
hsl(44, 20%, 49%)
HSB
hsb(44, 34%, 59%)
CMYK
cmyk(0%, 9%, 34%, 41%)
Oklch
oklch(63.0% 0.055 89.7)

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

#3B473D

Celadon · DarkSlateGray · Dark Stone

HEX
#3B473D
RGB
rgb(59, 71, 61)
HSL
hsl(130, 9%, 25%)
HSB
hsb(130, 17%, 28%)
CMYK
cmyk(17%, 0%, 14%, 72%)
Oklch
oklch(38.4% 0.023 150.0)

Traditional「Celadon」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AEB08B
8E8CB1

Analogous

B1A08C
AEB08B
9CB18C

Triadic

AEB08B
8CAFB1
B18CAF

Split-Comp.

AEB08B
8C9CB1
A08CB1

Tetradic

AEB08B
8CB1A0
8E8CB1
B18C9C

Contrast Matrix WCAG 2.1 Contrast

AEB08B
D7CB9B
CC988D
968863
3B473D
—
1.4
Fail
1.1
Fail
1.6
Fail
4.4
AA Large
1.4
Fail
—
1.5
Fail
2.2
Fail
6.0
AA
1.1
Fail
1.5
Fail
—
1.4
Fail
3.9
AA Large
1.6
Fail
2.2
Fail
1.4
Fail
—
2.8
Fail
4.4
AA Large
6.0
AA
3.9
AA Large
2.8
Fail
—
White BG
2.2Fail
1.6Fail
2.5Fail
3.5AA Large
9.7AAA
Black BG
9.4AAA
12.9AAA
8.4AAA
6.0AA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAF94
D2D2A7
B5B590
90906C
40403F

Deuteranopia

AFAF96
D3D3A9
B9BC90
91926E
403F40

Tritanopia

AE9B9D
D6B0B2
C99292
957375
3C4142

Achromatopsia

ABABAB
C9C9C9
A6A6A6
888888
424242

Shades & Tints Shades & Tints

#AEB08B

Dark
Light

#D7CB9B

Dark
Light

#CC988D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aeb08b;
  --color-2: #d7cb9b;
  --color-3: #cc988d;
  --color-4: #968863;
  --color-5: #3b473d;
}

SCSS

$color-1: #aeb08b;
$color-2: #d7cb9b;
$color-3: #cc988d;
$color-4: #968863;
$color-5: #3b473d;

TAILWIND

colors: {
  'brand-1': '#aeb08b',
  'brand-2': '#d7cb9b',
  'brand-3': '#cc988d',
  'brand-4': '#968863',
  'brand-5': '#3b473d',
}

RGB Array

[174, 176, 139], [215, 203, 155], [204, 152, 141], [150, 136, 99], [59, 71, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #AEB08B, #D7CB9B, #CC988D, #968863, #3B473D is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #aeb08b; --color-2: #d7cb9b; --color-3: #cc988d; --color-4: #968863; --color-5: #3b473d. 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. Restrained colors convey professionalism and trust. 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