← Back to Editor

#A09867 · #2B2D2C · #F5CEBF · #FBFAE5 · #C1E7DC

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

WorkspaceReadingData Visualization

Color Details Color Details

#A09867

Autumn Sage · Gray · Sunflower

HEX
#A09867
RGB
rgb(160, 152, 103)
HSL
hsl(52, 23%, 52%)
HSB
hsb(52, 36%, 63%)
CMYK
cmyk(0%, 5%, 36%, 37%)
Oklch
oklch(67.5% 0.068 100.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#2B2D2C

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2B2D2C
RGB
rgb(43, 45, 44)
HSL
hsl(150, 2%, 17%)
HSB
hsb(150, 4%, 18%)
CMYK
cmyk(4%, 0%, 2%, 82%)
Oklch
oklch(29.5% 0.003 164.8)

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

#F5CEBF

Apricot · Wheat · Peach Orange

HEX
#F5CEBF
RGB
rgb(245, 206, 191)
HSL
hsl(17, 73%, 85%)
HSB
hsb(17, 22%, 96%)
CMYK
cmyk(0%, 16%, 22%, 4%)
Oklch
oklch(88.1% 0.049 42.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FBFAE5

Fresh Green · LightYellow · Lemon Cream

HEX
#FBFAE5
RGB
rgb(251, 250, 229)
HSL
hsl(57, 73%, 94%)
HSB
hsb(57, 9%, 98%)
CMYK
cmyk(0%, 0%, 9%, 2%)
Oklch
oklch(98.0% 0.028 104.7)

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

#C1E7DC

Jade · LightBlue · Glacier Blue

HEX
#C1E7DC
RGB
rgb(193, 231, 220)
HSL
hsl(163, 44%, 83%)
HSB
hsb(163, 16%, 91%)
CMYK
cmyk(16%, 0%, 5%, 9%)
Oklch
oklch(89.8% 0.042 175.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A09867
6870A1

Analogous

A17D68
A09867
8CA168

Triadic

A09867
68A199
9968A1

Split-Comp.

A09867
688CA1
7D68A1

Tetradic

A09867
68A17D
6870A1
A1688C

Contrast Matrix WCAG 2.1 Contrast

A09867
2B2D2C
F5CEBF
FBFAE5
C1E7DC
—
4.7
AA
2.0
Fail
2.8
Fail
2.2
Fail
4.7
AA
—
9.6
AAA
13.1
AAA
10.4
AAA
2.0
Fail
9.6
AAA
—
1.4
Fail
1.1
Fail
2.8
Fail
13.1
AAA
1.4
Fail
—
1.3
Fail
2.2
Fail
10.4
AAA
1.1
Fail
1.3
Fail
—
White BG
2.9Fail
13.9AAA
1.5Fail
1.1Fail
1.3Fail
Black BG
7.2AAA
1.5Fail
14.5AAA
19.9AAA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9C73
2C2C2C
E4E4C3
FBFBEA
D1D2DF

Deuteranopia

9D9E76
2C2C2C
E6E9C4
FBFBEB
CFCCDF

Tritanopia

A07C7E
2B2C2C
F3C5C6
FBEEEF
C3E1E1

Achromatopsia

959595
2C2C2C
D8D8D8
F8F8F8
DADADA

Shades & Tints Shades & Tints

#A09867

Dark
Light

#2B2D2C

Dark
Light

#F5CEBF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a09867;
  --color-2: #2b2d2c;
  --color-3: #f5cebf;
  --color-4: #fbfae5;
  --color-5: #c1e7dc;
}

SCSS

$color-1: #a09867;
$color-2: #2b2d2c;
$color-3: #f5cebf;
$color-4: #fbfae5;
$color-5: #c1e7dc;

TAILWIND

colors: {
  'brand-1': '#a09867',
  'brand-2': '#2b2d2c',
  'brand-3': '#f5cebf',
  'brand-4': '#fbfae5',
  'brand-5': '#c1e7dc',
}

RGB Array

[160, 152, 103], [43, 45, 44], [245, 206, 191], [251, 250, 229], [193, 231, 220]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A09867, #2B2D2C, #F5CEBF, #FBFAE5, #C1E7DC is ideal for: health products, baby brands, fresh-style blogs, 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: #a09867; --color-2: #2b2d2c; --color-3: #f5cebf; --color-4: #fbfae5; --color-5: #c1e7dc. 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. 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 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