#F7F7EC
#D6E4B8
#A9C48A
#3F5233
#53394BEggplant
#78AFC1Dusty Blue
#B7E1A7Celadon
#F4F1DEBeige
Antique Celadon & Dusty Blue is a complementary color palette tagged muted, green, white. Near-complementary hues (about 145° apart) make this a high-contrast, attention-grabbing combination. 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 |
|---|---|---|---|---|---|
| Eggplant | #53394B | rgb(83, 57, 75) | hsl(318, 19%, 27%) | oklch(38.1% 0.046 338) | |
| Dusty Blue | #78AFC1 | rgb(120, 175, 193) | hsl(195, 37%, 61%) | oklch(72.2% 0.063 220) | |
| Celadon | #B7E1A7 | rgb(183, 225, 167) | hsl(103, 49%, 77%) | oklch(86.5% 0.090 137) | |
| Beige | #F4F1DE | rgb(244, 241, 222) | hsl(52, 50%, 91%) | oklch(95.5% 0.025 100) |
Why it works and how to use it
The palette holds together thanks to its complementary hue relationship and a strong light-to-dark ladder (91% down to 27% lightness). A natural fit for websites, presentations and branding.
- Background: Beige (#F4F1DE) is the lightest color, so it belongs on large surfaces.
- Text: Eggplant (#53394B) on #F4F1DE gives 9:1, passing WCAG AAA.
- Primary: Celadon (#B7E1A7) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Dusty Blue (#78AFC1) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Eggplant on Beige at 9:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Antique Celadon & Dusty Blue
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
#53394B
#78AFC1
#B7E1A7
#F4F1DE
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#53394B on #F4F1DE | Aa | 9:1 | AAA |
#53394B on #B7E1A7 | Aa | 6.98:1 | AA |
#53394B on #78AFC1 | Aa | 4.23:1 | AA large only |
#78AFC1 on #F4F1DE | Aa | 2.12:1 | Fail |
#78AFC1 on #B7E1A7 | Aa | 1.65:1 | Fail |
#B7E1A7 on #F4F1DE | Aa | 1.29:1 | Fail |
Similar palettes 24 more in this mood
#5F6B3B
#8C9A5B
#D6C9A8
#F5F0E6
#2F5D3A
#5E8F5E
#A9C99A
#EEF4E8
#4D3424
#88604A
#BBE9CD
#F6FCF8
#AECC9F
#E2F9B8
#F4EEDF
#DE9390
#5C7A4B
#9DB88C
#E9E4D4
#F8F6F0
#2D6A4F
#40916C
#B7E4C7
#FFFDF7
#1E3033
#456578
#98BD9B
#F4FFE6
#9E9B8A
#C39F63
#ADE0C7
#FFEBE6
#3F5A36
#7A9B5C
#C9D8A8
#F9F8F1
#56724D
#96B878
#E4F3C2
#FBFAF3
#F8FFFB
#9BECC3
#608A70
#5E5C57
#F5FBF9
#D4E3DE
#374B00
#0A1100
#EDEFFF
#ADE0C7
#C39F63
#464334
#DD9F6E
#EDD693
#9DBE7C
#FDFDFD
#3B2314
#6B4530
#A8D5BA
#F1F7F3
#2D6A4F
#7577B8
#B7E4C7
#FFFDF7
#506B57
#7AAA84
#B9F1BC
#E3F4E6
#467450
#79AB79
#C7E8B8
#F7FDF1
#E3FCF0
#B8DBB4
#89967B
#4D4C46
#FFF8FA
#FFC1CE
#A9D9B9
#697E71
#0F5C63
#2A8A8C
#9FD3CF
#F2F1EA
#A47864
#C9A58B
#E8D9CB
#F7F3EE
#D9A48F
#EFC8B8
#F7E6DC
#FFFAF6