#D69F74
#C5D9A6
#E5DCCD
#F8F1AF
#9E9B8APewter
#C39F63Camel
#ADE0C7Celadon
#FFEBE6Linen
Camel & Celadon Mist is a pastel light, split color palette tagged pastel, muted, gray. A split scheme: Camel plays against Celadon across roughly 113° of hue. High lightness and gentle saturation put it firmly in pastel territory. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Pewter | #9E9B8A | rgb(158, 155, 138) | hsl(51, 9%, 58%) | oklch(68.7% 0.024 99) | |
| Camel | #C39F63 | rgb(195, 159, 99) | hsl(38, 44%, 58%) | oklch(72.2% 0.089 79) | |
| Celadon | #ADE0C7 | rgb(173, 224, 199) | hsl(151, 45%, 78%) | oklch(86.4% 0.063 164) | |
| Linen | #FFEBE6 | rgb(255, 235, 230) | hsl(12, 100%, 95%) | oklch(95.5% 0.023 34) |
Why it works and how to use it
It works because the lightness steps are gentle (58% to 95%), which keeps the mood consistent from edge to edge. Try it for social media templates and gentle interfaces.
- Background: Linen (#FFEBE6) is the lightest color, so it belongs on large surfaces.
- Text: Pewter (#9E9B8A) on #FFEBE6 gives 2.43:1, so pair it with a darker neutral for body copy.
- Primary: Celadon (#ADE0C7) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Camel (#C39F63) 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 Camel & Celadon Mist
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
#9E9B8A
#C39F63
#ADE0C7
#FFEBE6
Color-blind check: under protanopia, Celadon and Linen 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 |
|---|---|---|---|
#9E9B8A on #FFEBE6 | Aa | 2.43:1 | Fail |
#C39F63 on #FFEBE6 | Aa | 2.16:1 | Fail |
#9E9B8A on #ADE0C7 | Aa | 1.9:1 | Fail |
#C39F63 on #ADE0C7 | Aa | 1.69:1 | Fail |
#ADE0C7 on #FFEBE6 | Aa | 1.28:1 | Fail |
#9E9B8A on #C39F63 | Aa | 1.13:1 | Fail |
Similar palettes 24 more in this mood
#DD9F6E
#EDD693
#9DBE7C
#FDFDFD
#EDD693
#DE9F7B
#82C3AF
#FDFDFD
#C9A66B
#E4C590
#F1E3C8
#F9F5EC
#D4DDC2
#A7D9A4
#C5BF9C
#B59A71
#C1D7C4
#BBF0F9
#E5F1BF
#F0FBF8
#FBF6F0
#F3DCD4
#E8B4B8
#B8A184
#AECC9F
#E2F9B8
#F4EEDF
#DE9390
#B8B2A4
#A7D39D
#D7E09F
#FFE9D5
#C2A167
#D292A5
#D9B2AD
#FFEDE2
#BE9D76
#86B09B
#CCC596
#D9E2D3
#D198A5
#E0B289
#CDBAC8
#FFEBE6
#D98985
#F3E7AA
#88C3BE
#F9FEF9
#D9A48F
#EFC8B8
#F7E6DC
#FFFAF6
#79ABA7
#BBEBD9
#F7FCF7
#FFE6C0
#A0DCA3
#BDE0FE
#CDB4DB
#FDFDFD
#A4A29D
#C2B89B
#D4F4B8
#FFFCFD
#D98C6B
#EFC1A2
#B5A78F
#F8F2EA
#FFE9EC
#E9C5B9
#D4BFF1
#C293B7
#B8AA6D
#96C6AC
#CBD89D
#DDF5D8
#DFB8FA
#B1E7E9
#AEBEE7
#FDFDFD
#DCABC0
#BCB5F1
#FFC0BD
#F7ECF9
#FFAFCC
#BDE0FE
#CDB4DB
#FFFFFF
#F7E9DF
#FFC8D4
#E9AFD8
#C29991