#A69599 + #BDB03D + #CED1A1 + #F2EBD0 + #EDD5DB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A69599

Peach Pink · DarkGray · Silver Sand

HEX

#A69599

RGB

rgb(166, 149, 153)

HSL

hsl(346, 9%, 62%)

HSB

hsb(346, 10%, 65%)

CMYK

cmyk(0%, 10%, 8%, 35%)

Oklch

oklch(68.6% 0.021 1.7)

Traditional「Peach Pink」· Paint「Silver Sand」· Creative Urban Concrete

#BDB03D

Autumn Sage · GoldenRod · Honey Gold

HEX

#BDB03D

RGB

rgb(189, 176, 61)

HSL

hsl(54, 51%, 49%)

HSB

hsb(54, 68%, 74%)

CMYK

cmyk(0%, 7%, 68%, 26%)

Oklch

oklch(74.7% 0.134 102.8)

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

#CED1A1

Fresh Green · Tan · Sunflower

HEX

#CED1A1

RGB

rgb(206, 209, 161)

HSL

hsl(64, 34%, 73%)

HSB

hsb(64, 23%, 82%)

CMYK

cmyk(1%, 0%, 23%, 18%)

Oklch

oklch(84.6% 0.064 110.7)

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

#F2EBD0

Goose Yellow · Beige · Lemon Cream

HEX

#F2EBD0

RGB

rgb(242, 235, 208)

HSL

hsl(48, 57%, 88%)

HSB

hsb(48, 14%, 95%)

CMYK

cmyk(0%, 3%, 14%, 5%)

Oklch

oklch(93.8% 0.036 95.0)

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

#EDD5DB

Peach Pink · LightGray · Cherry Blossom

HEX

#EDD5DB

RGB

rgb(237, 213, 219)

HSL

hsl(345, 40%, 88%)

HSB

hsb(345, 10%, 93%)

CMYK

cmyk(0%, 10%, 8%, 7%)

Oklch

oklch(89.4% 0.028 0.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A69599

95A7A3

Analogous

A795A2

A69599

A79A95

Triadic

A69599

99A795

9599A7

Split-Comp.

A69599

95A79A

95A2A7

Tetradic

A69599

A2A795

95A7A3

9A95A7

Contrast Matrix WCAG 2.1 Contrast

A69599	BDB03D	CED1A1	F2EBD0	EDD5DB
—	1.3 Fail	1.8 Fail	2.4 Fail	2.1 Fail
1.3 Fail	—	1.4 Fail	1.9 Fail	1.6 Fail
1.8 Fail	1.4 Fail	—	1.3 Fail	1.1 Fail
2.4 Fail	1.9 Fail	1.3 Fail	—	1.2 Fail
2.1 Fail	1.6 Fail	1.1 Fail	1.2 Fail	—

White BG

2.8Fail

2.2Fail

1.6Fail

1.2Fail

1.4Fail

Black BG

7.4AAA

9.4AAA

13.3AAA

17.6AAA

15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9E98

B7B759

CFCFAD

EFEFD7

E3E2DA

Deuteranopia

A0A198

B8B960

CFCFAF

EFF0D8

E4E6D9

Tritanopia

A59797

BC6F74

CEB6B8

F2DCDD

ECD8D8

Achromatopsia

9B9B9B

A7A7A7

CBCBCB

EAEAEA

DDDDDD

Shades & Tints Shades & Tints

#A69599

Dark

Light

#BDB03D

Dark

Light

#CED1A1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a69599;
  --color-2: #bdb03d;
  --color-3: #ced1a1;
  --color-4: #f2ebd0;
  --color-5: #edd5db;
}

SCSS

$color-1: #a69599;
$color-2: #bdb03d;
$color-3: #ced1a1;
$color-4: #f2ebd0;
$color-5: #edd5db;

TAILWIND

colors: {
  'brand-1': '#a69599',
  'brand-2': '#bdb03d',
  'brand-3': '#ced1a1',
  'brand-4': '#f2ebd0',
  'brand-5': '#edd5db',
}

RGB Array

[166, 149, 153], [189, 176, 61], [206, 209, 161], [242, 235, 208], [237, 213, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A69599, #BDB03D, #CED1A1, #F2EBD0, #EDD5DB 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: #a69599; --color-2: #bdb03d; --color-3: #ced1a1; --color-4: #f2ebd0; --color-5: #edd5db. 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