#7CB38ASage
#B1C3BFAsh
#DFCD8AOat
#DFF3BBVanilla

Bridal Oat & Sage color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Bridal Oat & Sage is a split color palette tagged pastel, muted, gray. The hues span about 88°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Sage#7CB38Argb(124, 179, 138)hsl(135, 27%, 59%)oklch(71.7% 0.083 152)
Ash#B1C3BFrgb(177, 195, 191)hsl(167, 13%, 73%)oklch(80.2% 0.020 181)
Oat#DFCD8Argb(223, 205, 138)hsl(47, 57%, 71%)oklch(84.8% 0.088 95)
Vanilla#DFF3BBrgb(223, 243, 187)hsl(81, 70%, 84%)oklch(93.5% 0.076 124)

Why it works and how to use it

With 3 chromatic colors, Oat takes the lead while the rest support. Lightness runs from 59% to 84%. Well suited to websites, presentations and branding.

  • Background: Vanilla (#DFF3BB) is the lightest color, so it belongs on large surfaces.
  • Text: Sage (#7CB38A) on #DFF3BB gives 2.04:1, so pair it with a darker neutral for body copy.
  • Primary: Oat (#DFCD8A) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Ash (#B1C3BF) 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 Bridal Oat & Sage

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

#7CB38A
#B1C3BF
#DFCD8A
#DFF3BB

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#7CB38A on #DFF3BBAa2.04:1Fail
#B1C3BF on #DFF3BBAa1.55:1Fail
#7CB38A on #DFCD8AAa1.53:1Fail
#DFCD8A on #DFF3BBAa1.34:1Fail
#7CB38A on #B1C3BFAa1.32:1Fail
#B1C3BF on #DFCD8AAa1.16:1Fail

Similar palettes 24 more in this mood