← Back to Editor

#332E1D · #5AC7AA · #9ADCB9 · #FAFCD3 · #EFEBA9

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#332E1D

Ochre · DarkSlateGray · Amber Gold

HEX
#332E1D
RGB
rgb(51, 46, 29)
HSL
hsl(46, 28%, 16%)
HSB
hsb(46, 43%, 20%)
CMYK
cmyk(0%, 10%, 43%, 80%)
Oklch
oklch(30.1% 0.029 93.7)

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

#5AC7AA

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#5AC7AA
RGB
rgb(90, 199, 170)
HSL
hsl(164, 49%, 57%)
HSB
hsb(164, 55%, 78%)
CMYK
cmyk(55%, 0%, 15%, 22%)
Oklch
oklch(75.8% 0.110 173.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#9ADCB9

Celadon · LightGreen · Apple Green

HEX
#9ADCB9
RGB
rgb(154, 220, 185)
HSL
hsl(148, 49%, 73%)
HSB
hsb(148, 30%, 86%)
CMYK
cmyk(30%, 0%, 16%, 14%)
Oklch
oklch(84.1% 0.083 160.8)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#FAFCD3

Fresh Green · Beige · Lemon Cream

HEX
#FAFCD3
RGB
rgb(250, 252, 211)
HSL
hsl(63, 87%, 91%)
HSB
hsb(63, 16%, 99%)
CMYK
cmyk(1%, 0%, 16%, 1%)
Oklch
oklch(97.9% 0.053 109.6)

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

#EFEBA9

Fresh Green · Wheat · Lemon Cream

HEX
#EFEBA9
RGB
rgb(239, 235, 169)
HSL
hsl(57, 69%, 80%)
HSB
hsb(57, 29%, 94%)
CMYK
cmyk(0%, 2%, 29%, 6%)
Oklch
oklch(92.8% 0.084 105.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

332E1D
1D2334

Analogous

34231D
332E1D
2E341D

Triadic

332E1D
1D342F
2F1D34

Split-Comp.

332E1D
1D2E34
231D34

Tetradic

332E1D
1D3423
1D2334
341D2E

Contrast Matrix WCAG 2.1 Contrast

332E1D
5AC7AA
9ADCB9
FAFCD3
EFEBA9
—
6.6
AA
8.6
AAA
12.9
AAA
11.1
AAA
6.6
AA
—
1.3
Fail
2.0
Fail
1.7
Fail
8.6
AAA
1.3
Fail
—
1.5
Fail
1.3
Fail
12.9
AAA
2.0
Fail
1.5
Fail
—
1.2
Fail
11.1
AAA
1.7
Fail
1.3
Fail
1.2
Fail
—
White BG
13.6AAA
2.1Fail
1.6Fail
1.1Fail
1.2Fail
Black BG
1.5Fail
10.2AAA
13.3AAA
19.9AAA
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

313121
898AB1
B7B7C1
FBFBDD
EDEDB9

Deuteranopia

313122
837BB3
B3AEC4
FBFBDF
EEEEBD

Tritanopia

332425
5FB7B8
9DC8CA
FAE5E6
EFC6C8

Achromatopsia

2E2E2E
A3A3A3
C4C4C4
F7F7F7
E5E5E5

Shades & Tints Shades & Tints

#332E1D

Dark
Light

#5AC7AA

Dark
Light

#9ADCB9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #332e1d;
  --color-2: #5ac7aa;
  --color-3: #9adcb9;
  --color-4: #fafcd3;
  --color-5: #efeba9;
}

SCSS

$color-1: #332e1d;
$color-2: #5ac7aa;
$color-3: #9adcb9;
$color-4: #fafcd3;
$color-5: #efeba9;

TAILWIND

colors: {
  'brand-1': '#332e1d',
  'brand-2': '#5ac7aa',
  'brand-3': '#9adcb9',
  'brand-4': '#fafcd3',
  'brand-5': '#efeba9',
}

RGB Array

[51, 46, 29], [90, 199, 170], [154, 220, 185], [250, 252, 211], [239, 235, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #332E1D, #5AC7AA, #9ADCB9, #FAFCD3, #EFEBA9 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: #332e1d; --color-2: #5ac7aa; --color-3: #9adcb9; --color-4: #fafcd3; --color-5: #efeba9. 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