What are the hex codes in the Portrait Blush & Chocolate palette?

The Portrait Blush & Chocolate color palette consists of Chocolate #883D00, Clay #AC6467, Blush #D571AA, Mauve #E6B2FE.

How should I use the Portrait Blush & Chocolate palette on a website?

Use Mauve #E6B2FE as the background, Chocolate #883D00 for text, Blush #D571AA for buttons and links, and Clay #AC6467 for accents. No pair inside the palette reaches 4.5:1, so add black or white for body text.

Which colors in Portrait Blush & Chocolate have enough contrast for text?

The highest-contrast pair is #883D00 on #E6B2FE with a ratio of 4.48:1, which passes WCAG AA for large text only.

#883D00Chocolate

#AC6467Clay

#D571AABlush

#E6B2FEMauve

Portrait Blush & Chocolate color palette

Brown Purple

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Chocolate	`#883D00`	`rgb(136, 61, 0)`	`hsl(27, 100%, 27%)`	`oklch(45.2% 0.120 50)`
Clay	`#AC6467`	`rgb(172, 100, 103)`	`hsl(357, 30%, 53%)`	`oklch(58.5% 0.093 18)`
Blush	`#D571AA`	`rgb(213, 113, 170)`	`hsl(326, 54%, 64%)`	`oklch(67.9% 0.142 346)`
Mauve	`#E6B2FE`	`rgb(230, 178, 254)`	`hsl(281, 97%, 85%)`	`oklch(83.6% 0.117 315)`

Why it works and how to use it

Portrait Blush & Chocolate is a vivid split color palette tagged brown, purple. A split scheme: Chocolate plays against Mauve across roughly 106° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is warm.

With 4 chromatic colors, Blush takes the lead while the rest support. Lightness runs from 27% to 85%. Well suited to websites, presentations and branding.

Background: Mauve (#E6B2FE) is the lightest color, so it belongs on large surfaces.
Text: Chocolate (#883D00) on #E6B2FE gives 4.48:1, enough for large headings only.
Primary: Blush (#D571AA) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Clay (#AC6467) for highlights, badges and hover states.

No pair inside the palette reaches 4.5:1, so add black or white for body text.

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

BrandFeaturesPricingBlogGet started

Design faster with Portrait Blush & Chocolate

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

#883D00

#AC6467

#D571AA

#E6B2FE

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
`#883D00` on `#E6B2FE`	Aa	4.48:1	AA large only
`#AC6467` on `#E6B2FE`	Aa	2.55:1	Fail
`#883D00` on `#D571AA`	Aa	2.49:1	Fail
`#D571AA` on `#E6B2FE`	Aa	1.8:1	Fail
`#883D00` on `#AC6467`	Aa	1.76:1	Fail
`#AC6467` on `#D571AA`	Aa	1.42:1	Fail

Similar palettes 24 more in this mood