← Back to Editor

#FFC9CF · #D0C285 · #A28E85 · #AB727B · #695E58

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

#FFC9CF

Peach Pink · Pink · Cherry Blossom

HEX
#FFC9CF
RGB
rgb(255, 201, 207)
HSL
hsl(353, 100%, 89%)
HSB
hsb(353, 21%, 100%)
CMYK
cmyk(0%, 21%, 19%, 0%)
Oklch
oklch(88.5% 0.062 10.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#D0C285

Ginger · Tan · Sunflower

HEX
#D0C285
RGB
rgb(208, 194, 133)
HSL
hsl(49, 44%, 67%)
HSB
hsb(49, 36%, 82%)
CMYK
cmyk(0%, 7%, 36%, 18%)
Oklch
oklch(81.1% 0.081 96.8)

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

#A28E85

Tangerine · Gray · Warm Sun

HEX
#A28E85
RGB
rgb(162, 142, 133)
HSL
hsl(19, 13%, 58%)
HSB
hsb(19, 18%, 64%)
CMYK
cmyk(0%, 12%, 18%, 36%)
Oklch
oklch(66.2% 0.028 45.7)

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

#AB727B

Crimson · Gray · Passion Red

HEX
#AB727B
RGB
rgb(171, 114, 123)
HSL
hsl(351, 25%, 56%)
HSB
hsb(351, 33%, 67%)
CMYK
cmyk(0%, 33%, 28%, 33%)
Oklch
oklch(61.4% 0.073 9.1)

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

#695E58

Tangerine · DimGray · Charcoal

HEX
#695E58
RGB
rgb(105, 94, 88)
HSL
hsl(21, 9%, 38%)
HSB
hsb(21, 16%, 41%)
CMYK
cmyk(0%, 10%, 16%, 59%)
Oklch
oklch(49.1% 0.017 50.6)

Traditional「Tangerine」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFC9CF
C7FFF8

Analogous

FFC7E9
FFC9CF
FFDCC7

Triadic

FFC9CF
CDFFC7
C7CDFF

Split-Comp.

FFC9CF
C7FFDC
C7E9FF

Tetradic

FFC9CF
E9FFC7
C7FFF8
DCC7FF

Contrast Matrix WCAG 2.1 Contrast

FFC9CF
D0C285
A28E85
AB727B
695E58
—
1.2
Fail
2.2
Fail
2.7
Fail
4.3
AA Large
1.2
Fail
—
1.7
Fail
2.2
Fail
3.5
AA Large
2.2
Fail
1.7
Fail
—
1.2
Fail
2.0
Fail
2.7
Fail
2.2
Fail
1.2
Fail
—
1.6
Fail
4.3
AA Large
3.5
AA Large
2.0
Fail
1.6
Fail
—
White BG
1.4Fail
1.8Fail
3.1AA Large
3.9AA Large
6.3AA
Black BG
14.5AAA
11.7AAA
6.7AA
5.4AA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E7CE
CACA94
999987
929279
646459

Deuteranopia

EBEFCD
CBCC97
9B9C88
969A78
65665A

Tritanopia

FCCCCC
CF9FA2
A18989
A87777
685B5B

Achromatopsia

DADADA
BFBFBF
939393
848484
616161

Shades & Tints Shades & Tints

#FFC9CF

Dark
Light

#D0C285

Dark
Light

#A28E85

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffc9cf;
  --color-2: #d0c285;
  --color-3: #a28e85;
  --color-4: #ab727b;
  --color-5: #695e58;
}

SCSS

$color-1: #ffc9cf;
$color-2: #d0c285;
$color-3: #a28e85;
$color-4: #ab727b;
$color-5: #695e58;

TAILWIND

colors: {
  'brand-1': '#ffc9cf',
  'brand-2': '#d0c285',
  'brand-3': '#a28e85',
  'brand-4': '#ab727b',
  'brand-5': '#695e58',
}

RGB Array

[255, 201, 207], [208, 194, 133], [162, 142, 133], [171, 114, 123], [105, 94, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #FFC9CF, #D0C285, #A28E85, #AB727B, #695E58 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: #ffc9cf; --color-2: #d0c285; --color-3: #a28e85; --color-4: #ab727b; --color-5: #695e58. 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