← Back to Editor

#A6904E · #E6D08E · #BDF0EF · #AD9A5F · #A7CFCE

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A6904E

Ochre · Gray · Honey Gold

HEX
#A6904E
RGB
rgb(166, 144, 78)
HSL
hsl(45, 36%, 48%)
HSB
hsb(45, 53%, 65%)
CMYK
cmyk(0%, 13%, 53%, 35%)
Oklch
oklch(65.9% 0.090 91.4)

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

#E6D08E

Goose Yellow · Khaki · Sunflower

HEX
#E6D08E
RGB
rgb(230, 208, 142)
HSL
hsl(45, 64%, 73%)
HSB
hsb(45, 38%, 90%)
CMYK
cmyk(0%, 10%, 38%, 10%)
Oklch
oklch(86.1% 0.088 91.8)

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

#BDF0EF

Jade · LightBlue · Glacier Blue

HEX
#BDF0EF
RGB
rgb(189, 240, 239)
HSL
hsl(179, 63%, 84%)
HSB
hsb(179, 21%, 94%)
CMYK
cmyk(21%, 0%, 0%, 6%)
Oklch
oklch(92.0% 0.052 194.8)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#AD9A5F

Ginger · Gray · Sunflower

HEX
#AD9A5F
RGB
rgb(173, 154, 95)
HSL
hsl(45, 32%, 53%)
HSB
hsb(45, 45%, 68%)
CMYK
cmyk(0%, 11%, 45%, 32%)
Oklch
oklch(68.9% 0.081 92.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#A7CFCE

Jade · LightSteelBlue · Lake Green

HEX
#A7CFCE
RGB
rgb(167, 207, 206)
HSL
hsl(179, 29%, 73%)
HSB
hsb(179, 19%, 81%)
CMYK
cmyk(19%, 0%, 0%, 19%)
Oklch
oklch(82.6% 0.042 194.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6904E
4E64A6

Analogous

A6644E
A6904E
90A64E

Triadic

A6904E
4EA690
904EA6

Split-Comp.

A6904E
4E90A6
644EA6

Tetradic

A6904E
4EA664
4E64A6
A64E90

Contrast Matrix WCAG 2.1 Contrast

A6904E
E6D08E
BDF0EF
AD9A5F
A7CFCE
—
2.1
Fail
2.5
Fail
1.1
Fail
1.9
Fail
2.1
Fail
—
1.2
Fail
1.8
Fail
1.1
Fail
2.5
Fail
1.2
Fail
—
2.2
Fail
1.4
Fail
1.1
Fail
1.8
Fail
2.2
Fail
—
1.6
Fail
1.9
Fail
1.1
Fail
1.4
Fail
1.6
Fail
—
White BG
3.1AA Large
1.5Fail
1.2Fail
2.8Fail
1.7Fail
Black BG
6.7AA
13.8AAA
16.9AAA
7.6AAA
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9C5E
DCDC9E
D3D4EF
A5A56D
B8B9CE

Deuteranopia

9E9F62
DEDFA2
D0CCEF
A6A771
B6B3CE

Tritanopia

A56B6D
E5ABAD
C0EFEF
AC797B
A9CECE

Achromatopsia

8F8F8F
CFCFCF
E1E1E1
999999
C3C3C3

Shades & Tints Shades & Tints

#A6904E

Dark
Light

#E6D08E

Dark
Light

#BDF0EF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6904e;
  --color-2: #e6d08e;
  --color-3: #bdf0ef;
  --color-4: #ad9a5f;
  --color-5: #a7cfce;
}

SCSS

$color-1: #a6904e;
$color-2: #e6d08e;
$color-3: #bdf0ef;
$color-4: #ad9a5f;
$color-5: #a7cfce;

TAILWIND

colors: {
  'brand-1': '#a6904e',
  'brand-2': '#e6d08e',
  'brand-3': '#bdf0ef',
  'brand-4': '#ad9a5f',
  'brand-5': '#a7cfce',
}

RGB Array

[166, 144, 78], [230, 208, 142], [189, 240, 239], [173, 154, 95], [167, 207, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A6904E, #E6D08E, #BDF0EF, #AD9A5F, #A7CFCE is ideal for: health products, baby brands, fresh-style blogs. 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: #a6904e; --color-2: #e6d08e; --color-3: #bdf0ef; --color-4: #ad9a5f; --color-5: #a7cfce. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 general-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