← Back to Editor

#F0DFAD · #E09372 · #F06356 · #CF5B76 · #61445A

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlogData Visualization

Color Details Color Details

#F0DFAD

Goose Yellow · Wheat · Lemon Cream

HEX
#F0DFAD
RGB
rgb(240, 223, 173)
HSL
hsl(45, 69%, 81%)
HSB
hsb(45, 28%, 94%)
CMYK
cmyk(0%, 7%, 28%, 6%)
Oklch
oklch(90.5% 0.067 91.5)

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

#E09372

Apricot · DarkSalmon · Warm Sun

HEX
#E09372
RGB
rgb(224, 147, 114)
HSL
hsl(18, 64%, 66%)
HSB
hsb(18, 49%, 88%)
CMYK
cmyk(0%, 34%, 49%, 12%)
Oklch
oklch(73.3% 0.104 43.9)

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

#F06356

Peach Pink · Tomato · Coral Red

HEX
#F06356
RGB
rgb(240, 99, 86)
HSL
hsl(5, 84%, 64%)
HSB
hsb(5, 64%, 94%)
CMYK
cmyk(0%, 59%, 64%, 6%)
Oklch
oklch(67.6% 0.177 28.0)

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

#CF5B76

Crimson · LightCoral · Passion Red

HEX
#CF5B76
RGB
rgb(207, 91, 118)
HSL
hsl(346, 55%, 58%)
HSB
hsb(346, 56%, 81%)
CMYK
cmyk(0%, 56%, 43%, 19%)
Oklch
oklch(62.3% 0.149 7.9)

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

#61445A

Rose Purple · DimGray · Eggplant

HEX
#61445A
RGB
rgb(97, 68, 90)
HSL
hsl(314, 18%, 32%)
HSB
hsb(314, 30%, 38%)
CMYK
cmyk(0%, 30%, 7%, 62%)
Oklch
oklch(42.7% 0.052 335.4)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0DFAD
ADBEF0

Analogous

F0BEAD
F0DFAD
DFF0AD

Triadic

F0DFAD
ADF0DF
DFADF0

Split-Comp.

F0DFAD
ADDFF0
BEADF0

Tetradic

F0DFAD
ADF0BE
ADBEF0
F0ADDF

Contrast Matrix WCAG 2.1 Contrast

F0DFAD
E09372
F06356
CF5B76
61445A
—
1.8
Fail
2.4
Fail
2.9
Fail
6.4
AA
1.8
Fail
—
1.3
Fail
1.6
Fail
3.5
AA Large
2.4
Fail
1.3
Fail
—
1.2
Fail
2.7
Fail
2.9
Fail
1.6
Fail
1.2
Fail
—
2.2
Fail
6.4
AA
3.5
AA Large
2.7
Fail
2.2
Fail
—
White BG
1.3Fail
2.4Fail
3.2AA Large
3.9AA Large
8.5AAA
Black BG
15.9AAA
8.6AAA
6.6AA
5.4AA
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E8B9
BFBE7A
B3B259
9D9C6F
545455

Deuteranopia

EAEBBC
C3C97C
BBC65A
A4AC6E
565853

Tritanopia

EFC3C5
DC8082
E95C5C
C96A69
605050

Achromatopsia

DEDEDE
A6A6A6
8C8C8C
818181
4F4F4F

Shades & Tints Shades & Tints

#F0DFAD

Dark
Light

#E09372

Dark
Light

#F06356

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0dfad;
  --color-2: #e09372;
  --color-3: #f06356;
  --color-4: #cf5b76;
  --color-5: #61445a;
}

SCSS

$color-1: #f0dfad;
$color-2: #e09372;
$color-3: #f06356;
$color-4: #cf5b76;
$color-5: #61445a;

TAILWIND

colors: {
  'brand-1': '#f0dfad',
  'brand-2': '#e09372',
  'brand-3': '#f06356',
  'brand-4': '#cf5b76',
  'brand-5': '#61445a',
}

RGB Array

[240, 223, 173], [224, 147, 114], [240, 99, 86], [207, 91, 118], [97, 68, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #F0DFAD, #E09372, #F06356, #CF5B76, #61445A 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: #f0dfad; --color-2: #e09372; --color-3: #f06356; --color-4: #cf5b76; --color-5: #61445a. 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 nature-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