← Back to Editor

#D35C54 · #FFA28C · #F3D39A · #250415 · #688C68

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

VibrantFreshWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Landing PageMobile AppData Visualization

Color Details Color Details

#D35C54

Crimson · Tomato · Passion Red

HEX
#D35C54
RGB
rgb(211, 92, 84)
HSL
hsl(4, 59%, 58%)
HSB
hsb(4, 60%, 83%)
CMYK
cmyk(0%, 56%, 60%, 17%)
Oklch
oklch(62.3% 0.152 26.3)

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

#FFA28C

Peach Pink · LightSalmon · Coral Red

HEX
#FFA28C
RGB
rgb(255, 162, 140)
HSL
hsl(11, 100%, 77%)
HSB
hsb(11, 45%, 100%)
CMYK
cmyk(0%, 36%, 45%, 0%)
Oklch
oklch(80.0% 0.116 34.0)

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

#F3D39A

Goose Yellow · Khaki · Peach Orange

HEX
#F3D39A
RGB
rgb(243, 211, 154)
HSL
hsl(38, 79%, 78%)
HSB
hsb(38, 37%, 95%)
CMYK
cmyk(0%, 13%, 37%, 5%)
Oklch
oklch(88.1% 0.081 81.7)

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

#250415

Rose Purple · Black · Raspberry

HEX
#250415
RGB
rgb(37, 4, 21)
HSL
hsl(329, 80%, 8%)
HSB
hsb(329, 89%, 15%)
CMYK
cmyk(0%, 89%, 43%, 85%)
Oklch
oklch(18.3% 0.062 352.1)

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

#688C68

Celadon · DimGray · Olive Green

HEX
#688C68
RGB
rgb(104, 140, 104)
HSL
hsl(120, 15%, 48%)
HSB
hsb(120, 26%, 55%)
CMYK
cmyk(26%, 0%, 26%, 45%)
Oklch
oklch(60.3% 0.067 144.7)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D35C54
55CBD3

Analogous

D3558B
D35C54
D39C55

Triadic

D35C54
55D35D
5D55D3

Split-Comp.

D35C54
55D39C
558BD3

Tetradic

D35C54
8BD355
55CBD3
9C55D3

Contrast Matrix WCAG 2.1 Contrast

D35C54
FFA28C
F3D39A
250415
688C68
—
2.0
Fail
2.7
Fail
4.9
AA
1.0
Fail
2.0
Fail
—
1.4
Fail
9.8
AAA
1.9
Fail
2.7
Fail
1.4
Fail
—
13.2
AAA
2.6
Fail
4.9
AA
9.8
AAA
13.2
AAA
—
5.0
AA
1.0
Fail
1.9
Fail
2.6
Fail
5.0
AA
—
White BG
3.9AA Large
1.9Fail
1.4Fail
19.0AAA
3.8AA Large
Black BG
5.4AA
10.8AAA
14.6AAA
1.1Fail
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9E56
D7D691
E5E5A8
171611
787871

Deuteranopia

A6AF56
DCE393
E7E9AB
191B10
767373

Tritanopia

CD5758
FA9696
F1B3B5
230E0D
6A7879

Achromatopsia

7F7F7F
BBBBBB
D6D6D6
101010
7D7D7D

Shades & Tints Shades & Tints

#D35C54

Dark
Light

#FFA28C

Dark
Light

#F3D39A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d35c54;
  --color-2: #ffa28c;
  --color-3: #f3d39a;
  --color-4: #250415;
  --color-5: #688c68;
}

SCSS

$color-1: #d35c54;
$color-2: #ffa28c;
$color-3: #f3d39a;
$color-4: #250415;
$color-5: #688c68;

TAILWIND

colors: {
  'brand-1': '#d35c54',
  'brand-2': '#ffa28c',
  'brand-3': '#f3d39a',
  'brand-4': '#250415',
  'brand-5': '#688c68',
}

RGB Array

[211, 92, 84], [255, 162, 140], [243, 211, 154], [37, 4, 21], [104, 140, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #D35C54, #FFA28C, #F3D39A, #250415, #688C68 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: #d35c54; --color-2: #ffa28c; --color-3: #f3d39a; --color-4: #250415; --color-5: #688c68. 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 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