#9E9B8A
#C39F63
#ADE0C7
#FFEBE6
#EDEFFFFrost
#ADE0C7Celadon
#C39F63Camel
#464334Taupe
Camel & Celadon Path is a split color palette tagged muted, white, green. A split scheme: Celadon plays against Camel across roughly 113° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Frost | #EDEFFF | rgb(237, 239, 255) | hsl(233, 100%, 96%) | oklch(95.5% 0.022 280) | |
| Celadon | #ADE0C7 | rgb(173, 224, 199) | hsl(151, 45%, 78%) | oklch(86.4% 0.063 164) | |
| Camel | #C39F63 | rgb(195, 159, 99) | hsl(38, 44%, 58%) | oklch(72.2% 0.089 79) | |
| Taupe | #464334 | rgb(70, 67, 52) | hsl(50, 15%, 24%) | oklch(38.1% 0.025 98) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a strong light-to-dark ladder (96% down to 24% lightness). A natural fit for websites, presentations and branding.
- Background: Frost (#EDEFFF) is the lightest color, so it belongs on large surfaces.
- Text: Taupe (#464334) on #EDEFFF gives 8.7:1, passing WCAG AAA.
- 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.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Frost on Taupe at 8.7:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Camel & Celadon Path
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
#EDEFFF
#ADE0C7
#C39F63
#464334
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#EDEFFF on #464334 | Aa | 8.7:1 | AAA |
#ADE0C7 on #464334 | Aa | 6.75:1 | AA |
#C39F63 on #464334 | Aa | 4:1 | AA large only |
#EDEFFF on #C39F63 | Aa | 2.17:1 | Fail |
#ADE0C7 on #C39F63 | Aa | 1.69:1 | Fail |
#EDEFFF on #ADE0C7 | Aa | 1.29:1 | Fail |
Similar palettes 24 more in this mood
#A47864
#C9A58B
#E8D9CB
#F7F3EE
#3E2723
#6D4C41
#A1887F
#EFEBE9
#5D4037
#8D6E63
#BCAAA4
#EFEBE9
#4B3832
#854442
#BE9B7B
#FFF4E6
#9E6B73
#C99CA2
#E9D5D3
#F7F2EF
#924A43
#5C6049
#D5D2BF
#F5F3ED
#FFE9DF
#D29E75
#AAB891
#807B73
#4D3424
#88604A
#BBE9CD
#F6FCF8
#BEC2DE
#A2B98F
#9696AB
#927553
#452700
#686265
#FFB9A3
#FFEAEC
#586557
#96856F
#E3D0B5
#FFFAEF
#0F3D3E
#1E6F6F
#C8B89A
#F3EFE7
#D69F74
#C5D9A6
#E5DCCD
#F8F1AF
#663537
#955558
#E2DAD5
#F5F2F1
#1E3033
#456578
#98BD9B
#F4FFE6
#3B4A3E
#728C69
#D3E0C3
#FCFAF3
#624E4E
#9A7977
#E8BFBA
#FFF8F7
#524037
#8E6C5A
#ADF2DF
#FDF9F4
#F8FFFB
#9BECC3
#608A70
#5E5C57
#F5FBF9
#D4E3DE
#374B00
#0A1100
#B89F6E
#DAC9A1
#6A6A5A
#F5F3EE
#DD9F6E
#EDD693
#9DBE7C
#FDFDFD
#3B2314
#6B4530
#A8D5BA
#F1F7F3