What are the hex codes in the Scarlet Pistachio & Coffee palette?

The Scarlet Pistachio & Coffee color palette consists of Coffee #6E5700, Pistachio #7EC26E, Beige #CCFFE7, White #FDFDFD.

How should I use the Scarlet Pistachio & Coffee palette on a website?

Use White #FDFDFD as the background, Coffee #6E5700 for text, Beige #CCFFE7 for buttons and links, and Pistachio #7EC26E for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Coffee on White at 6.82:1.

Which colors in Scarlet Pistachio & Coffee have enough contrast for text?

The highest-contrast pair is #6E5700 on #FDFDFD with a ratio of 6.82:1, which passes WCAG AA for normal text.

#6E5700Coffee

#7EC26EPistachio

#CCFFE7Beige

#FDFDFDWhite

Scarlet Pistachio & Coffee color palette

Modern Brown Green Beige White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Coffee	`#6E5700`	`rgb(110, 87, 0)`	`hsl(47, 100%, 22%)`	`oklch(46.7% 0.095 91)`
Pistachio	`#7EC26E`	`rgb(126, 194, 110)`	`hsl(109, 41%, 60%)`	`oklch(74.8% 0.135 140)`
Beige	`#CCFFE7`	`rgb(204, 255, 231)`	`hsl(152, 100%, 90%)`	`oklch(95.8% 0.061 165)`
White	`#FDFDFD`	`rgb(253, 253, 253)`	`hsl(0, 0%, 99%)`	`oklch(99.4% 0.000 0)`

Why it works and how to use it

Scarlet Pistachio & Coffee is a split color palette tagged modern, brown, green. The hues span about 105°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Beige takes the lead while the rest support. Lightness runs from 22% to 99%. Well suited to websites, presentations and branding.

Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
Text: Coffee (#6E5700) on #FDFDFD gives 6.82:1, passing WCAG AA.
Primary: Beige (#CCFFE7) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Pistachio (#7EC26E) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Coffee on White at 6.82:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Scarlet Pistachio & Coffee

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#6E5700

#7EC26E

#CCFFE7

#FDFDFD

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#6E5700` on `#FDFDFD`	Aa	6.82:1	AA
`#6E5700` on `#CCFFE7`	Aa	6.29:1	AA
`#6E5700` on `#7EC26E`	Aa	3.25:1	AA large only
`#7EC26E` on `#FDFDFD`	Aa	2.1:1	Fail
`#7EC26E` on `#CCFFE7`	Aa	1.94:1	Fail
`#CCFFE7` on `#FDFDFD`	Aa	1.09:1	Fail

Similar palettes 24 more in this mood