← Back to Editor

#B38367 · #F1A369 · #FAD182 · #ECF0AF · #C1E6C2

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#B38367

Tangerine · Gray · Warm Sun

HEX
#B38367
RGB
rgb(179, 131, 103)
HSL
hsl(22, 33%, 55%)
HSB
hsb(22, 42%, 70%)
CMYK
cmyk(0%, 27%, 42%, 30%)
Oklch
oklch(65.0% 0.072 51.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#F1A369

Apricot · SandyBrown · Warm Sun

HEX
#F1A369
RGB
rgb(241, 163, 105)
HSL
hsl(26, 83%, 68%)
HSB
hsb(26, 56%, 95%)
CMYK
cmyk(0%, 32%, 56%, 5%)
Oklch
oklch(78.0% 0.119 56.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FAD182

Goose Yellow · Khaki · Sunflower

HEX
#FAD182
RGB
rgb(250, 209, 130)
HSL
hsl(40, 92%, 75%)
HSB
hsb(40, 48%, 98%)
CMYK
cmyk(0%, 16%, 48%, 2%)
Oklch
oklch(87.9% 0.108 82.9)

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

#ECF0AF

Fresh Green · Wheat · Lemon Cream

HEX
#ECF0AF
RGB
rgb(236, 240, 175)
HSL
hsl(64, 68%, 81%)
HSB
hsb(64, 27%, 94%)
CMYK
cmyk(2%, 0%, 27%, 6%)
Oklch
oklch(93.7% 0.084 110.8)

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

#C1E6C2

Celadon · LightGray · Mint Green

HEX
#C1E6C2
RGB
rgb(193, 230, 194)
HSL
hsl(122, 43%, 83%)
HSB
hsb(122, 16%, 90%)
CMYK
cmyk(16%, 0%, 16%, 10%)
Oklch
oklch(88.9% 0.062 145.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B38367
6696B2

Analogous

B26670
B38367
B2A866

Triadic

B38367
66B282
8266B2

Split-Comp.

B38367
66B2A8
6670B2

Tetradic

B38367
70B266
6696B2
A866B2

Contrast Matrix WCAG 2.1 Contrast

B38367
F1A369
FAD182
ECF0AF
C1E6C2
—
1.6
Fail
2.3
Fail
2.8
Fail
2.4
Fail
1.6
Fail
—
1.4
Fail
1.7
Fail
1.5
Fail
2.3
Fail
1.4
Fail
—
1.2
Fail
1.1
Fail
2.8
Fail
1.7
Fail
1.2
Fail
—
1.1
Fail
2.4
Fail
1.5
Fail
1.1
Fail
1.1
Fail
—
White BG
3.3AA Large
2.1Fail
1.4Fail
1.2Fail
1.4Fail
Black BG
6.4AA
10.2AAA
14.5AAA
17.6AAA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9E6E
CFCF77
E8E895
EEEEBF
D1D1CB

Deuteranopia

A1A56F
D4DA7A
EBEE9A
EEEDC3
CFCCCD

Tritanopia

B17374
ED8285
F8A4A8
ECCBCE
C3D2D3

Achromatopsia

8E8E8E
B4B4B4
D4D4D4
E7E7E7
D7D7D7

Shades & Tints Shades & Tints

#B38367

Dark
Light

#F1A369

Dark
Light

#FAD182

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b38367;
  --color-2: #f1a369;
  --color-3: #fad182;
  --color-4: #ecf0af;
  --color-5: #c1e6c2;
}

SCSS

$color-1: #b38367;
$color-2: #f1a369;
$color-3: #fad182;
$color-4: #ecf0af;
$color-5: #c1e6c2;

TAILWIND

colors: {
  'brand-1': '#b38367',
  'brand-2': '#f1a369',
  'brand-3': '#fad182',
  'brand-4': '#ecf0af',
  'brand-5': '#c1e6c2',
}

RGB Array

[179, 131, 103], [241, 163, 105], [250, 209, 130], [236, 240, 175], [193, 230, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B38367, #F1A369, #FAD182, #ECF0AF, #C1E6C2 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b38367; --color-2: #f1a369; --color-3: #fad182; --color-4: #ecf0af; --color-5: #c1e6c2. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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