#D69F74
#C5D9A6
#E5DCCD
#F8F1AF
#D4DDC2Bone
#A7D9A4Celadon
#C5BF9CPutty
#B59A71Camel
Bridal Celadon & Camel is a split color palette tagged pastel, muted, earthy. The hues span about 81°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Bone | #D4DDC2 | rgb(212, 221, 194) | hsl(80, 28%, 81%) | oklch(88.3% 0.037 122) | |
| Celadon | #A7D9A4 | rgb(167, 217, 164) | hsl(117, 41%, 75%) | oklch(83.6% 0.089 143) | |
| Putty | #C5BF9C | rgb(197, 191, 156) | hsl(51, 26%, 69%) | oklch(80.0% 0.048 99) | |
| Camel | #B59A71 | rgb(181, 154, 113) | hsl(36, 31%, 58%) | oklch(70.0% 0.064 78) |
Why it works and how to use it
It works because the lightness steps are gentle (58% to 81%), which keeps the mood consistent from edge to edge. Try it for wellness, organic and outdoor brands.
- Background: Bone (#D4DDC2) is the lightest color, so it belongs on large surfaces.
- Text: Camel (#B59A71) on #D4DDC2 gives 1.91:1, so pair it with a darker neutral for body copy.
- Primary: Celadon (#A7D9A4) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Putty (#C5BF9C) 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 Celadon & Camel
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
#D4DDC2
#A7D9A4
#C5BF9C
#B59A71
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#D4DDC2 on #B59A71 | Aa | 1.91:1 | Fail |
#A7D9A4 on #B59A71 | Aa | 1.67:1 | Fail |
#C5BF9C on #B59A71 | Aa | 1.44:1 | Fail |
#D4DDC2 on #C5BF9C | Aa | 1.32:1 | Fail |
#A7D9A4 on #C5BF9C | Aa | 1.16:1 | Fail |
#D4DDC2 on #A7D9A4 | Aa | 1.14:1 | Fail |
Similar palettes 24 more in this mood
#A99F74
#D0C28A
#F4D891
#FFF3AC
#C5988F
#EEA4B6
#EAB287
#E4D2AA
#EFE7D9
#D7F3B4
#90C59B
#AEAD93
#A2A285
#CE8F73
#E7C4A3
#FFE9B9
#BCB284
#EABBAB
#C2DA9E
#FFD3A5
#B8B2A4
#A7D39D
#D7E09F
#FFE9D5
#C2A167
#D292A5
#D9B2AD
#FFEDE2
#DD9A84
#C2BB86
#ECD0B1
#FFDFE4
#BE9D76
#86B09B
#CCC596
#D9E2D3
#B8AA6D
#96C6AC
#CBD89D
#DDF5D8
#BCA19B
#E3AEBA
#F1C9A6
#FEEDB0
#95B39E
#BAD297
#ACF6EA
#F5EFD2
#ADB09D
#DDAB7F
#ACCBA5
#E2D3AE
#D2C6AC
#FFC6DB
#FFCFAF
#FFE5E2
#7CB38A
#B1C3BF
#DFCD8A
#DFF3BB
#C09B81
#B7C385
#CEB6B3
#EBD299
#FBE6CF
#D3E6A6
#CFC59E
#86AE8A
#FFDBD2
#EEB4DB
#EAB688
#B6979C
#D198A5
#E0B289
#CDBAC8
#FFEBE6
#B5AD75
#CEAFB4
#FCC3B0
#FDE7CF
#FFE0B4
#D6B45A
#D59510
#B58400
#FFDC91
#FCC153
#C99835
#A57D00
#C6938B
#D8C99A
#FAB3CA
#FFE9D7