← Back to Editor

#F09475 · #F0B375 · #F0D175 · #F0F075 · #6E6E53

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

#F09475

Apricot · DarkSalmon · Warm Sun

HEX
#F09475
RGB
rgb(240, 148, 117)
HSL
hsl(15, 80%, 70%)
HSB
hsb(15, 51%, 94%)
CMYK
cmyk(0%, 38%, 51%, 6%)
Oklch
oklch(75.5% 0.120 39.4)

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

#F0B375

Ginger · LightSalmon · Warm Sun

HEX
#F0B375
RGB
rgb(240, 179, 117)
HSL
hsl(30, 80%, 70%)
HSB
hsb(30, 51%, 94%)
CMYK
cmyk(0%, 25%, 51%, 6%)
Oklch
oklch(81.0% 0.106 65.8)

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

#F0D175

Ginger · Khaki · Sunflower

HEX
#F0D175
RGB
rgb(240, 209, 117)
HSL
hsl(45, 80%, 70%)
HSB
hsb(45, 51%, 94%)
CMYK
cmyk(0%, 13%, 51%, 6%)
Oklch
oklch(86.8% 0.117 91.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F0F075

Fresh Green · Khaki · Sunflower

HEX
#F0F075
RGB
rgb(240, 240, 117)
HSL
hsl(60, 80%, 70%)
HSB
hsb(60, 51%, 94%)
CMYK
cmyk(0%, 0%, 51%, 6%)
Oklch
oklch(93.1% 0.145 108.9)

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

#6E6E53

Autumn Sage · DimGray · Honey Gold

HEX
#6E6E53
RGB
rgb(110, 110, 83)
HSL
hsl(60, 14%, 38%)
HSB
hsb(60, 25%, 43%)
CMYK
cmyk(0%, 0%, 25%, 57%)
Oklch
oklch(53.1% 0.040 107.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F09475
75D1F0

Analogous

F07594
F09475
F0D175

Triadic

F09475
75F094
9475F0

Split-Comp.

F09475
75F0D1
7594F0

Tetradic

F09475
94F075
75D1F0
D175F0

Contrast Matrix WCAG 2.1 Contrast

F09475
F0B375
F0D175
F0F075
6E6E53
—
1.2
Fail
1.5
Fail
1.9
Fail
2.3
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
2.8
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
3.5
AA Large
1.9
Fail
1.5
Fail
1.2
Fail
—
4.3
AA Large
2.3
Fail
2.8
Fail
3.5
AA Large
4.3
AA Large
—
White BG
2.3Fail
1.8Fail
1.5Fail
1.2Fail
5.2AA
Black BG
9.2AAA
11.4AAA
14.1AAA
17.4AAA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C77D
D6D584
E3E28B
F0F093
6E6E5A

Deuteranopia

CED47E
D9DE88
E4E791
F0F09A
6E6E5B

Tritanopia

EB8284
ED9092
EE9DA1
F0AAAF
6E5F60

Achromatopsia

ACACAC
BEBEBE
D0D0D0
E2E2E2
6B6B6B

Shades & Tints Shades & Tints

#F09475

Dark
Light

#F0B375

Dark
Light

#F0D175

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f09475;
  --color-2: #f0b375;
  --color-3: #f0d175;
  --color-4: #f0f075;
  --color-5: #6e6e53;
}

SCSS

$color-1: #f09475;
$color-2: #f0b375;
$color-3: #f0d175;
$color-4: #f0f075;
$color-5: #6e6e53;

TAILWIND

colors: {
  'brand-1': '#f09475',
  'brand-2': '#f0b375',
  'brand-3': '#f0d175',
  'brand-4': '#f0f075',
  'brand-5': '#6e6e53',
}

RGB Array

[240, 148, 117], [240, 179, 117], [240, 209, 117], [240, 240, 117], [110, 110, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F09475, #F0B375, #F0D175, #F0F075, #6E6E53 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #f09475; --color-2: #f0b375; --color-3: #f0d175; --color-4: #f0f075; --color-5: #6e6e53. 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. 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