← Back to Editor

#F3AF82 · #FFBF8B · #FFE8BF · #EDDFB0 · #C7C594

warm

A 5-color warm 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

#F3AF82

Apricot · LightSalmon · Warm Sun

HEX
#F3AF82
RGB
rgb(243, 175, 130)
HSL
hsl(24, 82%, 73%)
HSB
hsb(24, 47%, 95%)
CMYK
cmyk(0%, 28%, 47%, 5%)
Oklch
oklch(80.8% 0.100 54.3)

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

#FFBF8B

Apricot · BurlyWood · Peach Orange

HEX
#FFBF8B
RGB
rgb(255, 191, 139)
HSL
hsl(27, 100%, 77%)
HSB
hsb(27, 45%, 100%)
CMYK
cmyk(0%, 25%, 45%, 0%)
Oklch
oklch(85.2% 0.100 60.0)

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

#FFE8BF

Goose Yellow · Bisque · Peach Orange

HEX
#FFE8BF
RGB
rgb(255, 232, 191)
HSL
hsl(38, 100%, 87%)
HSB
hsb(38, 25%, 100%)
CMYK
cmyk(0%, 9%, 25%, 0%)
Oklch
oklch(93.9% 0.059 82.0)

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

#EDDFB0

Goose Yellow · Wheat · Lemon Cream

HEX
#EDDFB0
RGB
rgb(237, 223, 176)
HSL
hsl(46, 63%, 81%)
HSB
hsb(46, 26%, 93%)
CMYK
cmyk(0%, 6%, 26%, 7%)
Oklch
oklch(90.3% 0.063 93.4)

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

#C7C594

Fresh Green · Tan · Sunflower

HEX
#C7C594
RGB
rgb(199, 197, 148)
HSL
hsl(58, 31%, 68%)
HSB
hsb(58, 26%, 78%)
CMYK
cmyk(0%, 1%, 26%, 22%)
Oklch
oklch(81.3% 0.065 105.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3AF82
82C5F3

Analogous

F3828D
F3AF82
F3E782

Triadic

F3AF82
82F3AF
AF82F3

Split-Comp.

F3AF82
82F3E7
828DF3

Tetradic

F3AF82
8DF382
82C5F3
E782F3

Contrast Matrix WCAG 2.1 Contrast

F3AF82
FFBF8B
FFE8BF
EDDFB0
C7C594
—
1.2
Fail
1.6
Fail
1.4
Fail
1.1
Fail
1.2
Fail
—
1.3
Fail
1.2
Fail
1.1
Fail
1.6
Fail
1.3
Fail
—
1.1
Fail
1.5
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
1.1
Fail
1.1
Fail
1.5
Fail
1.3
Fail
—
White BG
1.9Fail
1.6Fail
1.2Fail
1.3Fail
1.8Fail
Black BG
11.3AAA
13.1AAA
17.5AAA
15.8AAA
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D58D
E3E398
F5F5C9
E7E7BB
C6C6A0

Deuteranopia

DADF90
E7EC9B
F6F8CB
E8E9BE
C6C6A3

Tritanopia

F09597
FCA2A4
FED1D2
ECC4C6
C7A9AB

Achromatopsia

BEBEBE
CCCCCC
EAEAEA
DEDEDE
C0C0C0

Shades & Tints Shades & Tints

#F3AF82

Dark
Light

#FFBF8B

Dark
Light

#FFE8BF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3af82;
  --color-2: #ffbf8b;
  --color-3: #ffe8bf;
  --color-4: #eddfb0;
  --color-5: #c7c594;
}

SCSS

$color-1: #f3af82;
$color-2: #ffbf8b;
$color-3: #ffe8bf;
$color-4: #eddfb0;
$color-5: #c7c594;

TAILWIND

colors: {
  'brand-1': '#f3af82',
  'brand-2': '#ffbf8b',
  'brand-3': '#ffe8bf',
  'brand-4': '#eddfb0',
  'brand-5': '#c7c594',
}

RGB Array

[243, 175, 130], [255, 191, 139], [255, 232, 191], [237, 223, 176], [199, 197, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #F3AF82, #FFBF8B, #FFE8BF, #EDDFB0, #C7C594 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: #f3af82; --color-2: #ffbf8b; --color-3: #ffe8bf; --color-4: #eddfb0; --color-5: #c7c594. 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 warm-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