#ADB09D
#DDAB7F
#ACCBA5
#E2D3AE
#B8AA6DSand
#96C6ACAsh
#CBD89DCeladon
#DDF5D8Beige
Bridal Sand & Celadon Bloom is a split color palette tagged pastel, muted, beige. The hues span about 99°, 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
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Sand | #B8AA6D | rgb(184, 170, 109) | hsl(49, 35%, 57%) | oklch(73.6% 0.082 97) | |
| Ash | #96C6AC | rgb(150, 198, 172) | hsl(148, 30%, 68%) | oklch(78.5% 0.063 161) | |
| Celadon | #CBD89D | rgb(203, 216, 157) | hsl(73, 43%, 73%) | oklch(85.8% 0.079 118) | |
| Beige | #DDF5D8 | rgb(221, 245, 216) | hsl(110, 59%, 90%) | oklch(94.5% 0.046 140) |
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 (90% down to 57% lightness). A natural fit for websites, presentations and branding.
- Background: Beige (#DDF5D8) is the lightest color, so it belongs on large surfaces.
- Text: Sand (#B8AA6D) on #DDF5D8 gives 2.01:1, so pair it with a darker neutral for body copy.
- Primary: Celadon (#CBD89D) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Ash (#96C6AC) 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 Sand & Celadon Bloom
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#B8AA6D
#96C6AC
#CBD89D
#DDF5D8
Color-blind check: under protanopia and deuteranopia, Ash 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
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#B8AA6D on #DDF5D8 | Aa | 2.01:1 | Fail |
#96C6AC on #DDF5D8 | Aa | 1.65:1 | Fail |
#B8AA6D on #CBD89D | Aa | 1.54:1 | Fail |
#CBD89D on #DDF5D8 | Aa | 1.31:1 | Fail |
#96C6AC on #CBD89D | Aa | 1.26:1 | Fail |
#B8AA6D on #96C6AC | Aa | 1.22:1 | Fail |
Similar palettes 24 more in this mood
#B8B2A4
#A7D39D
#D7E09F
#FFE9D5
#7CB38A
#B1C3BF
#DFCD8A
#DFF3BB
#BE9D76
#86B09B
#CCC596
#D9E2D3
#C09B81
#B7C385
#CEB6B3
#EBD299
#D69F74
#C5D9A6
#E5DCCD
#F8F1AF
#D198A5
#E0B289
#CDBAC8
#FFEBE6
#CB9F99
#D5C4B9
#FFC6D9
#FFEABB
#BC9D9C
#D6C6BF
#EAD9A0
#FFE9D2
#BCA19B
#E3AEBA
#F1C9A6
#FEEDB0
#C5988F
#EEA4B6
#EAB287
#E4D2AA
#D4DDC2
#A7D9A4
#C5BF9C
#B59A71
#EFE7D9
#D7F3B4
#90C59B
#AEAD93
#A2A285
#CE8F73
#E7C4A3
#FFE9B9
#BCB284
#EABBAB
#C2DA9E
#FFD3A5
#D2C6AC
#FFC6DB
#FFCFAF
#FFE5E2
#C2A167
#D292A5
#D9B2AD
#FFEDE2
#DD9A84
#C2BB86
#ECD0B1
#FFDFE4
#FBE6CF
#D3E6A6
#CFC59E
#86AE8A
#A99F74
#D0C28A
#F4D891
#FFF3AC
#FFDBD2
#EEB4DB
#EAB688
#B6979C
#B5AD75
#CEAFB4
#FCC3B0
#FDE7CF
#C6938B
#D8C99A
#FAB3CA
#FFE9D7
#FFE9EC
#E9C5B9
#D4BFF1
#C293B7