#FFFDFDWhite
#E8BB4ESaffron
#A2EEA5Seafoam
#A4A4A4Dust

Saffron & Seafoam Trail color palette

PastelWhiteYellowGreen
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Saffron & Seafoam Trail is a light, split color palette tagged pastel, white, yellow. A split scheme: Saffron plays against Seafoam across roughly 80° of hue. 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
White#FFFDFDrgb(255, 253, 253)hsl(0, 100%, 100%)oklch(99.6% 0.002 17)
Saffron#E8BB4Ergb(232, 187, 78)hsl(42, 77%, 61%)oklch(81.2% 0.135 86)
Seafoam#A2EEA5rgb(162, 238, 165)hsl(122, 69%, 78%)oklch(88.1% 0.125 145)
Dust#A4A4A4rgb(164, 164, 164)hsl(0, 0%, 64%)oklch(71.9% 0.000 0)

Why it works and how to use it

The palette holds together thanks to its split hue relationship and a soft light-to-dark ladder (100% down to 61% lightness). A natural fit for websites, presentations and branding.

  • Background: White (#FFFDFD) is the lightest color, so it belongs on large surfaces.
  • Text: Dust (#A4A4A4) on #FFFDFD gives 2.46:1, so pair it with a darker neutral for body copy.
  • Primary: Saffron (#E8BB4E) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Seafoam (#A2EEA5) 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 Saffron & Seafoam Trail

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

#FFFDFD
#E8BB4E
#A2EEA5
#A4A4A4

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#FFFDFD on #A4A4A4Aa2.46:1Fail
#A2EEA5 on #A4A4A4Aa1.82:1Fail
#FFFDFD on #E8BB4EAa1.78:1Fail
#E8BB4E on #A4A4A4Aa1.38:1Fail
#FFFDFD on #A2EEA5Aa1.35:1Fail
#E8BB4E on #A2EEA5Aa1.31:1Fail

Similar palettes 24 more in this mood

More pastel palettes →More white palettes →More yellow palettes →More green palettes →