#DA8996Tulip
#EDD5A0Wheat
#A6CEA7Celadon
#FDFDFDWhite

Bright Tulip & Wheat color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Bright Tulip & Wheat is a pastel light, complementary color palette tagged spring, pastel, warm. Near-complementary hues (about 131° apart) make this a high-contrast, attention-grabbing combination. High lightness and gentle saturation put it firmly in pastel territory. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Tulip#DA8996rgb(218, 137, 150)hsl(350, 52%, 70%)oklch(71.7% 0.100 9)
Wheat#EDD5A0rgb(237, 213, 160)hsl(41, 68%, 78%)oklch(88.0% 0.074 86)
Celadon#A6CEA7rgb(166, 206, 167)hsl(121, 29%, 73%)oklch(81.2% 0.069 146)
White#FDFDFDrgb(253, 253, 253)hsl(0, 0%, 99%)oklch(99.4% 0.000 0)

Why it works and how to use it

The palette holds together thanks to its complementary hue relationship and a soft light-to-dark ladder (99% down to 70% lightness). A natural fit for social media templates and gentle interfaces.

  • Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
  • Text: Tulip (#DA8996) on #FDFDFD gives 2.58:1, so pair it with a darker neutral for body copy.
  • Primary: Wheat (#EDD5A0) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Celadon (#A6CEA7) 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 Bright Tulip & Wheat

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

#DA8996
#EDD5A0
#A6CEA7
#FDFDFD

Color-blind check: under protanopia, Wheat and Celadon become hard to tell apart, so do not rely on that pair alone to carry meaning.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#DA8996 on #FDFDFDAa2.58:1Fail
#DA8996 on #EDD5A0Aa1.83:1Fail
#A6CEA7 on #FDFDFDAa1.72:1Fail
#DA8996 on #A6CEA7Aa1.5:1Fail
#EDD5A0 on #FDFDFDAa1.41:1Fail
#EDD5A0 on #A6CEA7Aa1.22:1Fail

Similar palettes 24 more in this mood