#A27B5A + #FFA78E + #F6DD8B + #BCD6BB + #E9D1AF · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#A27B5A

Tangerine · Gray · Amber Brown

HEX

#A27B5A

RGB

rgb(162, 123, 90)

HSL

hsl(28, 29%, 49%)

HSB

hsb(28, 44%, 64%)

CMYK

cmyk(0%, 24%, 44%, 36%)

Oklch

oklch(61.3% 0.067 61.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#FFA78E

Peach Pink · LightSalmon · Coral Red

HEX

#FFA78E

RGB

rgb(255, 167, 142)

HSL

hsl(13, 100%, 78%)

HSB

hsb(13, 44%, 100%)

CMYK

cmyk(0%, 35%, 44%, 0%)

Oklch

oklch(80.9% 0.111 36.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F6DD8B

Goose Yellow · Khaki · Sunflower

HEX

#F6DD8B

RGB

rgb(246, 221, 139)

HSL

hsl(46, 86%, 75%)

HSB

hsb(46, 43%, 96%)

CMYK

cmyk(0%, 10%, 43%, 4%)

Oklch

oklch(90.0% 0.105 93.0)

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

#BCD6BB

Celadon · Silver · Apple Green

HEX

#BCD6BB

RGB

rgb(188, 214, 187)

HSL

hsl(118, 25%, 79%)

HSB

hsb(118, 13%, 84%)

CMYK

cmyk(12%, 0%, 13%, 16%)

Oklch

oklch(84.9% 0.046 144.2)

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

#E9D1AF

Goose Yellow · Wheat · Peach Orange

HEX

#E9D1AF

RGB

rgb(233, 209, 175)

HSL

hsl(35, 57%, 80%)

HSB

hsb(35, 25%, 91%)

CMYK

cmyk(0%, 10%, 25%, 9%)

Oklch

oklch(87.2% 0.052 76.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A27B5A

597FA1

Analogous

A1595B

A27B5A

A19F59

Triadic

A27B5A

59A17B

7B59A1

Split-Comp.

A27B5A

59A19F

595BA1

Tetradic

A27B5A

5BA159

597FA1

9F59A1

Contrast Matrix WCAG 2.1 Contrast

A27B5A	FFA78E	F6DD8B	BCD6BB	E9D1AF
—	2.0 Fail	2.8 Fail	2.4 Fail	2.6 Fail
2.0 Fail	—	1.4 Fail	1.2 Fail	1.3 Fail
2.8 Fail	1.4 Fail	—	1.2 Fail	1.1 Fail
2.4 Fail	1.2 Fail	1.2 Fail	—	1.1 Fail
2.6 Fail	1.3 Fail	1.1 Fail	1.1 Fail	—

White BG

3.8AA Large

1.9Fail

1.3Fail

1.6Fail

1.5Fail

Black BG

5.5AA

11.2AAA

15.6AAA

13.5AAA

14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

919162

D9D894

EBEB9F

C7C7C2

DFDEB7

Deuteranopia

939664

DEE596

EDEFA4

C6C4C3

E0E2B9

Tritanopia

A0686A

FB999A

F5AFB2

BDC7C8

E8BEBF

Achromatopsia

838383

BEBEBE

DBDBDB

CBCBCB

D4D4D4

Shades & Tints Shades & Tints

#A27B5A

Dark

Light

#FFA78E

Dark

Light

#F6DD8B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a27b5a;
  --color-2: #ffa78e;
  --color-3: #f6dd8b;
  --color-4: #bcd6bb;
  --color-5: #e9d1af;
}

SCSS

$color-1: #a27b5a;
$color-2: #ffa78e;
$color-3: #f6dd8b;
$color-4: #bcd6bb;
$color-5: #e9d1af;

TAILWIND

colors: {
  'brand-1': '#a27b5a',
  'brand-2': '#ffa78e',
  'brand-3': '#f6dd8b',
  'brand-4': '#bcd6bb',
  'brand-5': '#e9d1af',
}

RGB Array

[162, 123, 90], [255, 167, 142], [246, 221, 139], [188, 214, 187], [233, 209, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #A27B5A, #FFA78E, #F6DD8B, #BCD6BB, #E9D1AF 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: #a27b5a; --color-2: #ffa78e; --color-3: #f6dd8b; --color-4: #bcd6bb; --color-5: #e9d1af. 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 pastel-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