← Back to Editor

#F09276 · #673A35 · #CDA089 · #F4D1BD · #FFEBD6

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 AppData Visualization

Color Details Color Details

#F09276

Peach Pink · DarkSalmon · Coral Red

HEX
#F09276
RGB
rgb(240, 146, 118)
HSL
hsl(14, 80%, 70%)
HSB
hsb(14, 51%, 94%)
CMYK
cmyk(0%, 39%, 51%, 6%)
Oklch
oklch(75.2% 0.121 37.4)

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

#673A35

Crimson · DarkOliveGreen · Wine Red

HEX
#673A35
RGB
rgb(103, 58, 53)
HSL
hsl(6, 32%, 31%)
HSB
hsb(6, 49%, 40%)
CMYK
cmyk(0%, 44%, 49%, 60%)
Oklch
oklch(40.2% 0.065 27.1)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#CDA089

Apricot · Tan · Warm Sun

HEX
#CDA089
RGB
rgb(205, 160, 137)
HSL
hsl(20, 40%, 67%)
HSB
hsb(20, 33%, 80%)
CMYK
cmyk(0%, 22%, 33%, 20%)
Oklch
oklch(74.1% 0.063 48.4)

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

#F4D1BD

Apricot · Wheat · Peach Orange

HEX
#F4D1BD
RGB
rgb(244, 209, 189)
HSL
hsl(22, 71%, 85%)
HSB
hsb(22, 23%, 96%)
CMYK
cmyk(0%, 14%, 23%, 4%)
Oklch
oklch(88.5% 0.048 51.5)

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

#FFEBD6

Goose Yellow · Beige · Peach Orange

HEX
#FFEBD6
RGB
rgb(255, 235, 214)
HSL
hsl(31, 100%, 92%)
HSB
hsb(31, 16%, 100%)
CMYK
cmyk(0%, 8%, 16%, 0%)
Oklch
oklch(95.1% 0.035 68.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F09276
75D3F0

Analogous

F07596
F09276
F0CF75

Triadic

F09276
75F092
9275F0

Split-Comp.

F09276
75F0CF
7596F0

Tetradic

F09276
96F075
75D3F0
CF75F0

Contrast Matrix WCAG 2.1 Contrast

F09276
673A35
CDA089
F4D1BD
FFEBD6
—
4.1
AA Large
1.0
Fail
1.6
Fail
2.0
Fail
4.1
AA Large
—
4.0
AA Large
6.6
AA
8.1
AAA
1.0
Fail
4.0
AA Large
—
1.6
Fail
2.0
Fail
1.6
Fail
6.6
AA
1.6
Fail
—
1.2
Fail
2.0
Fail
8.1
AAA
2.0
Fail
1.2
Fail
—
White BG
2.3Fail
9.4AAA
2.3Fail
1.4Fail
1.2Fail
Black BG
9.1AAA
2.2Fail
9.0AAA
14.7AAA
18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C67D
545336
BAB98F
E5E5C2
F6F6DB

Deuteranopia

CDD47E
565A36
BCC090
E7E9C3
F8F9DC

Tritanopia

EB8283
653737
CB9394
F2C6C7
FEDFE0

Achromatopsia

ABABAB
474747
ABABAB
D9D9D9
EFEFEF

Shades & Tints Shades & Tints

#F09276

Dark
Light

#673A35

Dark
Light

#CDA089

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f09276;
  --color-2: #673a35;
  --color-3: #cda089;
  --color-4: #f4d1bd;
  --color-5: #ffebd6;
}

SCSS

$color-1: #f09276;
$color-2: #673a35;
$color-3: #cda089;
$color-4: #f4d1bd;
$color-5: #ffebd6;

TAILWIND

colors: {
  'brand-1': '#f09276',
  'brand-2': '#673a35',
  'brand-3': '#cda089',
  'brand-4': '#f4d1bd',
  'brand-5': '#ffebd6',
}

RGB Array

[240, 146, 118], [103, 58, 53], [205, 160, 137], [244, 209, 189], [255, 235, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F09276, #673A35, #CDA089, #F4D1BD, #FFEBD6 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #f09276; --color-2: #673a35; --color-3: #cda089; --color-4: #f4d1bd; --color-5: #ffebd6. 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 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