← Back to Editor

#ADC7BE · #F4FCE8 · #D9E68E · #C2AF06 · #2B2B2B

warm

A 5-color warm 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

#ADC7BE

Jade · Silver · Apple Green

HEX
#ADC7BE
RGB
rgb(173, 199, 190)
HSL
hsl(159, 19%, 73%)
HSB
hsb(159, 13%, 78%)
CMYK
cmyk(13%, 0%, 5%, 22%)
Oklch
oklch(80.8% 0.031 172.6)

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

#F4FCE8

Willow Green · Linen · Mint Green

HEX
#F4FCE8
RGB
rgb(244, 252, 232)
HSL
hsl(84, 77%, 95%)
HSB
hsb(84, 8%, 99%)
CMYK
cmyk(3%, 0%, 8%, 1%)
Oklch
oklch(98.0% 0.028 124.8)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#D9E68E

Fresh Green · Khaki · Sunflower

HEX
#D9E68E
RGB
rgb(217, 230, 142)
HSL
hsl(69, 64%, 73%)
HSB
hsb(69, 38%, 90%)
CMYK
cmyk(6%, 0%, 38%, 10%)
Oklch
oklch(89.5% 0.112 115.6)

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

#C2AF06

Autumn Sage · GoldenRod · Honey Gold

HEX
#C2AF06
RGB
rgb(194, 175, 6)
HSL
hsl(54, 94%, 39%)
HSB
hsb(54, 97%, 76%)
CMYK
cmyk(0%, 10%, 97%, 24%)
Oklch
oklch(74.7% 0.155 101.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#2B2B2B

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2B2B2B
RGB
rgb(43, 43, 43)
HSL
hsl(0, 0%, 17%)
HSB
hsb(0, 0%, 17%)
CMYK
cmyk(0%, 0%, 0%, 83%)
Oklch
oklch(28.9% 0.000 89.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADC7BE
C7ADB6

Analogous

ADC7B1
ADC7BE
ADC3C7

Triadic

ADC7BE
BEADC7
C7BEAD

Split-Comp.

ADC7BE
C7ADC3
C7B1AD

Tetradic

ADC7BE
B1ADC7
C7ADB6
C3C7AD

Contrast Matrix WCAG 2.1 Contrast

ADC7BE
F4FCE8
D9E68E
C2AF06
2B2B2B
—
1.7
Fail
1.3
Fail
1.2
Fail
7.9
AAA
1.7
Fail
—
1.3
Fail
2.1
Fail
13.4
AAA
1.3
Fail
1.3
Fail
—
1.7
Fail
10.6
AAA
1.2
Fail
2.1
Fail
1.7
Fail
—
6.4
AA
7.9
AAA
13.4
AAA
10.6
AAA
6.4
AA
—
White BG
1.8Fail
1.1Fail
1.3Fail
2.2Fail
14.2AAA
Black BG
11.7AAA
19.9AAA
15.7AAA
9.4AAA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B8C0
F7F8ED
DFDFA3
BABA2F
2B2B2B

Deuteranopia

B7B5C1
F7F6EE
DEDDA8
BBBC39
2B2B2B

Tritanopia

AEC2C2
F4F1F2
DAB4B8
C14F56
2B2B2B

Achromatopsia

BEBEBE
F7F7F7
D8D8D8
A1A1A1
2B2B2B

Shades & Tints Shades & Tints

#ADC7BE

Dark
Light

#F4FCE8

Dark
Light

#D9E68E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #adc7be;
  --color-2: #f4fce8;
  --color-3: #d9e68e;
  --color-4: #c2af06;
  --color-5: #2b2b2b;
}

SCSS

$color-1: #adc7be;
$color-2: #f4fce8;
$color-3: #d9e68e;
$color-4: #c2af06;
$color-5: #2b2b2b;

TAILWIND

colors: {
  'brand-1': '#adc7be',
  'brand-2': '#f4fce8',
  'brand-3': '#d9e68e',
  'brand-4': '#c2af06',
  'brand-5': '#2b2b2b',
}

RGB Array

[173, 199, 190], [244, 252, 232], [217, 230, 142], [194, 175, 6], [43, 43, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #ADC7BE, #F4FCE8, #D9E68E, #C2AF06, #2B2B2B 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: #adc7be; --color-2: #f4fce8; --color-3: #d9e68e; --color-4: #c2af06; --color-5: #2b2b2b. 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 warm-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