← Back to Editor

#FAF8E5 · #D9D6B8 · #170605 · #CC7F03 · #E8AC13

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

Color Details Color Details

#FAF8E5

Fresh Green · Linen · Lemon Cream

HEX
#FAF8E5
RGB
rgb(250, 248, 229)
HSL
hsl(54, 68%, 94%)
HSB
hsb(54, 8%, 98%)
CMYK
cmyk(0%, 1%, 8%, 2%)
Oklch
oklch(97.6% 0.025 102.0)

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

#D9D6B8

Fresh Green · LightGray · Lemon Cream

HEX
#D9D6B8
RGB
rgb(217, 214, 184)
HSL
hsl(55, 30%, 79%)
HSB
hsb(55, 15%, 85%)
CMYK
cmyk(0%, 1%, 15%, 15%)
Oklch
oklch(87.1% 0.040 102.5)

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

#170605

Vermilion · Black · Deep Berry

HEX
#170605
RGB
rgb(23, 6, 5)
HSL
hsl(3, 64%, 5%)
HSB
hsb(3, 78%, 9%)
CMYK
cmyk(0%, 74%, 78%, 91%)
Oklch
oklch(15.2% 0.032 26.3)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#CC7F03

Ochre · DarkGoldenRod · Amber Brown

HEX
#CC7F03
RGB
rgb(204, 127, 3)
HSL
hsl(37, 97%, 41%)
HSB
hsb(37, 99%, 80%)
CMYK
cmyk(0%, 38%, 99%, 20%)
Oklch
oklch(66.3% 0.145 67.9)

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

#E8AC13

Ochre · GoldenRod · Honey Gold

HEX
#E8AC13
RGB
rgb(232, 172, 19)
HSL
hsl(43, 85%, 49%)
HSB
hsb(43, 92%, 91%)
CMYK
cmyk(0%, 26%, 92%, 9%)
Oklch
oklch(78.0% 0.157 82.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAF8E5
E5E7FA

Analogous

FAEEE5
FAF8E5
F2FAE5

Triadic

FAF8E5
E5FAF8
F8E5FA

Split-Comp.

FAF8E5
E5F2FA
EEE5FA

Tetradic

FAF8E5
E5FAEE
E5E7FA
FAE5F2

Contrast Matrix WCAG 2.1 Contrast

FAF8E5
D9D6B8
170605
CC7F03
E8AC13
—
1.4
Fail
18.4
AAA
3.0
Fail
1.9
Fail
1.4
Fail
—
13.4
AAA
2.2
Fail
1.4
Fail
18.4
AAA
13.4
AAA
—
6.2
AA
9.7
AAA
3.0
Fail
2.2
Fail
6.2
AA
—
1.6
Fail
1.9
Fail
1.4
Fail
9.7
AAA
1.6
Fail
—
White BG
1.1Fail
1.5Fail
19.7AAA
3.2AA Large
2.0Fail
Black BG
19.6AAA
14.3AAA
1.1Fail
6.6AA
10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9EA
D8D8BF
100F05
ABAA21
CECD38

Deuteranopia

F9F9EB
D8D8C1
111205
AFB528
D2D641

Tritanopia

FAEDEE
D9C5C6
160505
C8393E
E5555C

Achromatopsia

F6F6F6
D3D3D3
0B0B0B
888888
ACACAC

Shades & Tints Shades & Tints

#FAF8E5

Dark
Light

#D9D6B8

Dark
Light

#170605

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faf8e5;
  --color-2: #d9d6b8;
  --color-3: #170605;
  --color-4: #cc7f03;
  --color-5: #e8ac13;
}

SCSS

$color-1: #faf8e5;
$color-2: #d9d6b8;
$color-3: #170605;
$color-4: #cc7f03;
$color-5: #e8ac13;

TAILWIND

colors: {
  'brand-1': '#faf8e5',
  'brand-2': '#d9d6b8',
  'brand-3': '#170605',
  'brand-4': '#cc7f03',
  'brand-5': '#e8ac13',
}

RGB Array

[250, 248, 229], [217, 214, 184], [23, 6, 5], [204, 127, 3], [232, 172, 19]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FAF8E5, #D9D6B8, #170605, #CC7F03, #E8AC13 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #faf8e5; --color-2: #d9d6b8; --color-3: #170605; --color-4: #cc7f03; --color-5: #e8ac13. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 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