← Back to Editor

#F0BE8D · #ECD8C3 · #EBE9E4 · #609090 · #306060

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#F0BE8D

Goose Yellow · BurlyWood · Warm Sun

HEX
#F0BE8D
RGB
rgb(240, 190, 141)
HSL
hsl(30, 77%, 75%)
HSB
hsb(30, 41%, 94%)
CMYK
cmyk(0%, 21%, 41%, 6%)
Oklch
oklch(83.5% 0.086 65.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#ECD8C3

Goose Yellow · Wheat · Peach Orange

HEX
#ECD8C3
RGB
rgb(236, 216, 195)
HSL
hsl(31, 52%, 85%)
HSB
hsb(31, 17%, 93%)
CMYK
cmyk(0%, 8%, 17%, 7%)
Oklch
oklch(89.3% 0.036 68.7)

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

#EBE9E4

Goose Yellow · Linen · Lemon Cream

HEX
#EBE9E4
RGB
rgb(235, 233, 228)
HSL
hsl(43, 15%, 91%)
HSB
hsb(43, 3%, 92%)
CMYK
cmyk(0%, 1%, 3%, 8%)
Oklch
oklch(93.4% 0.007 88.6)

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

#609090

Slate Blue · CadetBlue · Mint Ice

HEX
#609090
RGB
rgb(96, 144, 144)
HSL
hsl(180, 20%, 47%)
HSB
hsb(180, 33%, 56%)
CMYK
cmyk(33%, 0%, 0%, 44%)
Oklch
oklch(61.9% 0.052 195.9)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#306060

Slate Blue · DarkSlateGray · Mint Ice

HEX
#306060
RGB
rgb(48, 96, 96)
HSL
hsl(180, 33%, 28%)
HSB
hsb(180, 50%, 38%)
CMYK
cmyk(50%, 0%, 0%, 62%)
Oklch
oklch(45.6% 0.052 195.5)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0BE8D
8EBFF0

Analogous

F08E8E
F0BE8D
F0F08E

Triadic

F0BE8D
8EF0BF
BF8EF0

Split-Comp.

F0BE8D
8EF0F0
8E8EF0

Tetradic

F0BE8D
8EF08E
8EBFF0
F08EF0

Contrast Matrix WCAG 2.1 Contrast

F0BE8D
ECD8C3
EBE9E4
609090
306060
—
1.2
Fail
1.4
Fail
2.1
Fail
4.2
AA Large
1.2
Fail
—
1.1
Fail
2.6
Fail
5.1
AA
1.4
Fail
1.1
Fail
—
2.9
Fail
5.8
AA
2.1
Fail
2.6
Fail
2.9
Fail
—
2.0
Fail
4.2
AA Large
5.1
AA
5.8
AA
2.0
Fail
—
White BG
1.7Fail
1.4Fail
1.2Fail
3.6AA Large
7.1AAA
Black BG
12.5AAA
15.2AAA
17.3AAA
5.9AA
3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADA99
E3E3C8
EAEAE5
757590
454560

Deuteranopia

DDE19C
E5E6C9
EAEAE6
726E90
423E60

Tritanopia

EEA2A4
EBCCCD
EBE6E6
629090
326060

Achromatopsia

C7C7C7
DCDCDC
E9E9E9
828282
525252

Shades & Tints Shades & Tints

#F0BE8D

Dark
Light

#ECD8C3

Dark
Light

#EBE9E4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0be8d;
  --color-2: #ecd8c3;
  --color-3: #ebe9e4;
  --color-4: #609090;
  --color-5: #306060;
}

SCSS

$color-1: #f0be8d;
$color-2: #ecd8c3;
$color-3: #ebe9e4;
$color-4: #609090;
$color-5: #306060;

TAILWIND

colors: {
  'brand-1': '#f0be8d',
  'brand-2': '#ecd8c3',
  'brand-3': '#ebe9e4',
  'brand-4': '#609090',
  'brand-5': '#306060',
}

RGB Array

[240, 190, 141], [236, 216, 195], [235, 233, 228], [96, 144, 144], [48, 96, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F0BE8D, #ECD8C3, #EBE9E4, #609090, #306060 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f0be8d; --color-2: #ecd8c3; --color-3: #ebe9e4; --color-4: #609090; --color-5: #306060. 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 tech, SaaS, healthcare, eco industries. 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