#892300Maroon
#8B705AShadow
#E0939ATulip
#F8E7EEPetal

Maroon & Tulip Breeze color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Maroon & Tulip Breeze is a analogous color palette tagged warm, pink, white. Analogous neighbors on the wheel (Maroon, Shadow, 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
Maroon#892300rgb(137, 35, 0)hsl(15, 100%, 27%)oklch(41.8% 0.143 36)
Shadow#8B705Argb(139, 112, 90)hsl(27, 21%, 45%)oklch(56.5% 0.047 61)
Tulip#E0939Argb(224, 147, 154)hsl(355, 55%, 73%)oklch(74.2% 0.094 14)
Petal#F8E7EErgb(248, 231, 238)hsl(335, 55%, 94%)oklch(94.3% 0.021 351)

Why it works and how to use it

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

  • Background: Petal (#F8E7EE) is the lightest color, so it belongs on large surfaces.
  • Text: Maroon (#892300) on #F8E7EE gives 7.66:1, passing WCAG AAA.
  • Primary: Tulip (#E0939A) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Shadow (#8B705A) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Maroon on Petal at 7.66:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Maroon & Tulip Breeze

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

#892300
#8B705A
#E0939A
#F8E7EE

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#892300 on #F8E7EEAa7.66:1AAA
#8B705A on #F8E7EEAa3.87:1AA large only
#892300 on #E0939AAa3.82:1AA large only
#E0939A on #F8E7EEAa2:1Fail
#892300 on #8B705AAa1.98:1Fail
#8B705A on #E0939AAa1.93:1Fail

Similar palettes 24 more in this mood