#3A2733Jet
#934B58Chestnut
#F8958FTulip
#FFF0EBLinen

Tulip & Chestnut Dream color palette

WarmBrownPinkWhite
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Tulip & Chestnut Dream is a 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.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Jet#3A2733rgb(58, 39, 51)hsl(322, 20%, 19%)oklch(30.0% 0.035 341)
Chestnut#934B58rgb(147, 75, 88)hsl(349, 32%, 44%)oklch(50.5% 0.097 10)
Tulip#F8958Frgb(248, 149, 143)hsl(3, 88%, 77%)oklch(77.1% 0.120 24)
Linen#FFF0EBrgb(255, 240, 235)hsl(15, 100%, 96%)oklch(96.6% 0.018 39)

Why it works and how to use it

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
Card title
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.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#3A2733 on #FFF0EBAa12.46:1AAA
#3A2733 on #F8958FAa6.38:1AA
#934B58 on #FFF0EBAa5.58:1AA
#934B58 on #F8958FAa2.86:1Fail
#3A2733 on #934B58Aa2.23:1Fail
#F8958F on #FFF0EBAa1.95:1Fail

Similar palettes 24 more in this mood

More warm palettes →More brown palettes →More pink palettes →More white palettes →