#9CD696Celadon
#F9F6F1Smoke
#ECABB9Melon
#D92916Cherry

Cherry & Celadon Path color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Cherry & Celadon Path is a pastel light, split color palette tagged christmas, winter, warm. The hues span about 127°, enough contrast to create a focal point without the harshness of true complements. The colors are light and airy, which suits friendly, soft-spoken brands. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Celadon#9CD696rgb(156, 214, 150)hsl(114, 44%, 71%)oklch(82.0% 0.106 142)
Smoke#F9F6F1rgb(249, 246, 241)hsl(38, 40%, 96%)oklch(97.4% 0.007 81)
Melon#ECABB9rgb(236, 171, 185)hsl(347, 63%, 80%)oklch(80.6% 0.078 5)
Cherry#D92916rgb(217, 41, 22)hsl(6, 82%, 47%)oklch(57.2% 0.212 30)

Why it works and how to use it

With 3 chromatic colors, Melon takes the lead while the rest support. Lightness runs from 47% to 96%. Well suited to seasonal campaigns and greeting cards.

  • Background: Smoke (#F9F6F1) is the lightest color, so it belongs on large surfaces.
  • Text: Cherry (#D92916) on #F9F6F1 gives 4.55:1, passing WCAG AA.
  • Primary: Melon (#ECABB9) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Celadon (#9CD696) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Smoke on Cherry at 4.55:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Cherry & Celadon Path

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

#9CD696
#F9F6F1
#ECABB9
#D92916

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#F9F6F1 on #D92916Aa4.55:1AA
#9CD696 on #D92916Aa2.91:1Fail
#ECABB9 on #D92916Aa2.59:1Fail
#F9F6F1 on #ECABB9Aa1.76:1Fail
#9CD696 on #F9F6F1Aa1.56:1Fail
#9CD696 on #ECABB9Aa1.12:1Fail

Similar palettes 24 more in this mood