← Back to Editor

#F0DBB9 · #99876A · #076D8C · #423524 · #594937

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#F0DBB9

Goose Yellow · Wheat · Peach Orange

HEX
#F0DBB9
RGB
rgb(240, 219, 185)
HSL
hsl(37, 65%, 83%)
HSB
hsb(37, 23%, 94%)
CMYK
cmyk(0%, 9%, 23%, 6%)
Oklch
oklch(90.0% 0.050 79.8)

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

#99876A

Ginger · Gray · Warm Sun

HEX
#99876A
RGB
rgb(153, 135, 106)
HSL
hsl(37, 19%, 51%)
HSB
hsb(37, 31%, 60%)
CMYK
cmyk(0%, 12%, 31%, 40%)
Oklch
oklch(63.2% 0.047 79.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#076D8C

Lake Blue · Teal · Mint Ice

HEX
#076D8C
RGB
rgb(7, 109, 140)
HSL
hsl(194, 90%, 29%)
HSB
hsb(194, 95%, 55%)
CMYK
cmyk(95%, 22%, 0%, 45%)
Oklch
oklch(49.9% 0.094 226.6)

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

#423524

Ochre · DarkSlateGray · Cinnamon

HEX
#423524
RGB
rgb(66, 53, 36)
HSL
hsl(34, 29%, 20%)
HSB
hsb(34, 45%, 26%)
CMYK
cmyk(0%, 20%, 45%, 74%)
Oklch
oklch(33.8% 0.033 73.8)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#594937

Ochre · DarkOliveGreen · Amber Brown

HEX
#594937
RGB
rgb(89, 73, 55)
HSL
hsl(32, 24%, 28%)
HSB
hsb(32, 38%, 35%)
CMYK
cmyk(0%, 18%, 38%, 65%)
Oklch
oklch(41.7% 0.036 69.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0DBB9
B7CDF0

Analogous

F0BEB7
F0DBB9
E9F0B7

Triadic

F0DBB9
B7F0DA
DAB7F0

Split-Comp.

F0DBB9
B7E9F0
BEB7F0

Tetradic

F0DBB9
B7F0BE
B7CDF0
F0B7E9

Contrast Matrix WCAG 2.1 Contrast

F0DBB9
99876A
076D8C
423524
594937
—
2.6
Fail
4.3
AA Large
8.8
AAA
6.4
AA
2.6
Fail
—
1.7
Fail
3.4
AA Large
2.5
Fail
4.3
AA Large
1.7
Fail
—
2.0
Fail
1.5
Fail
8.8
AAA
3.4
AA Large
2.0
Fail
—
1.4
Fail
6.4
AA
2.5
Fail
1.5
Fail
1.4
Fail
—
White BG
1.4Fail
3.5AA Large
5.9AA
11.9AAA
8.6AAA
Black BG
15.5AAA
6.0AA
3.6AA Large
1.8Fail
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7C1
919171
333484
3C3C28
52523B

Deuteranopia

E8EAC3
929473
2D2683
3D3E29
53543C

Tritanopia

EFC8C9
987778
0C7F7D
412B2C
583F40

Achromatopsia

DDDDDD
898989
525252
373737
4C4C4C

Shades & Tints Shades & Tints

#F0DBB9

Dark
Light

#99876A

Dark
Light

#076D8C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0dbb9;
  --color-2: #99876a;
  --color-3: #076d8c;
  --color-4: #423524;
  --color-5: #594937;
}

SCSS

$color-1: #f0dbb9;
$color-2: #99876a;
$color-3: #076d8c;
$color-4: #423524;
$color-5: #594937;

TAILWIND

colors: {
  'brand-1': '#f0dbb9',
  'brand-2': '#99876a',
  'brand-3': '#076d8c',
  'brand-4': '#423524',
  'brand-5': '#594937',
}

RGB Array

[240, 219, 185], [153, 135, 106], [7, 109, 140], [66, 53, 36], [89, 73, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F0DBB9, #99876A, #076D8C, #423524, #594937 is ideal for: 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: #f0dbb9; --color-2: #99876a; --color-3: #076d8c; --color-4: #423524; --color-5: #594937. 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 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