What are the hex codes in the Tulip & Chestnut Dream palette?

The Tulip & Chestnut Dream color palette consists of Jet #3A2733, Chestnut #934B58, Tulip #F8958F, Linen #FFF0EB.

How should I use the Tulip & Chestnut Dream palette on a website?

Use Linen #FFF0EB as the background, Jet #3A2733 for text, Tulip #F8958F for buttons and links, and Chestnut #934B58 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Jet on Linen at 12.46:1.

Which colors in Tulip & Chestnut Dream have enough contrast for text?

The highest-contrast pair is #3A2733 on #FFF0EB with a ratio of 12.46:1, which passes WCAG AA for normal text.

#3A2733Jet

#934B58Chestnut

#F8958FTulip

#FFF0EBLinen

Tulip & Chestnut Dream color palette

Warm Brown Pink White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Jet	`#3A2733`	`rgb(58, 39, 51)`	`hsl(322, 20%, 19%)`	`oklch(30.0% 0.035 341)`
Chestnut	`#934B58`	`rgb(147, 75, 88)`	`hsl(349, 32%, 44%)`	`oklch(50.5% 0.097 10)`
Tulip	`#F8958F`	`rgb(248, 149, 143)`	`hsl(3, 88%, 77%)`	`oklch(77.1% 0.120 24)`
Linen	`#FFF0EB`	`rgb(255, 240, 235)`	`hsl(15, 100%, 96%)`	`oklch(96.6% 0.018 39)`

Why it works and how to use it

Tulip & Chestnut Dream is an analogous color palette tagged warm, brown, pink. Analogous neighbors on the wheel (Jet, Chestnut, Tulip) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

The palette holds together thanks to its analogous hue relationship and a strong light-to-dark ladder (96% down to 19% lightness). A natural fit for websites, presentations and branding.

Background: Linen (#FFF0EB) is the lightest color, so it belongs on large surfaces.
Text: Jet (#3A2733) on #FFF0EB gives 12.46:1, passing WCAG AAA.
Primary: Tulip (#F8958F) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Chestnut (#934B58) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Jet on Linen at 12.46:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Tulip & Chestnut Dream

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

#3A2733

#934B58

#F8958F

#FFF0EB

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
`#3A2733` on `#FFF0EB`	Aa	12.46:1	AAA
`#3A2733` on `#F8958F`	Aa	6.38:1	AA
`#934B58` on `#FFF0EB`	Aa	5.58:1	AA
`#934B58` on `#F8958F`	Aa	2.86:1	Fail
`#3A2733` on `#934B58`	Aa	2.23:1	Fail
`#F8958F` on `#FFF0EB`	Aa	1.95:1	Fail

Similar palettes 24 more in this mood