#FFF3EC
#FFD3BF
#FFB39B
#6E5147
#FFF3ECLinen
#FFD3BFApricot
#92DCB1Celadon
#6E5147Umber
Quiet Celadon & Apricot is a vivid light, complementary color palette tagged muted, minimal, white. Apricot and Umber sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. These are bold, punchy colors that need generous white space around them. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Linen | #FFF3EC | rgb(255, 243, 236) | hsl(22, 100%, 96%) | oklch(97.2% 0.016 53) | |
| Apricot | #FFD3BF | rgb(255, 211, 191) | hsl(19, 100%, 87%) | oklch(89.9% 0.057 46) | |
| Celadon | #92DCB1 | rgb(146, 220, 177) | hsl(145, 51%, 72%) | oklch(83.4% 0.096 158) | |
| Umber | #6E5147 | rgb(110, 81, 71) | hsl(15, 22%, 35%) | oklch(46.3% 0.042 40) |
Why it works and how to use it
With 3 chromatic colors, Apricot takes the lead while the rest support. Lightness runs from 35% to 96%. Well suited to websites, presentations and branding.
- Background: Linen (#FFF3EC) is the lightest color, so it belongs on large surfaces.
- Text: Umber (#6E5147) on #FFF3EC gives 6.58:1, passing WCAG AA.
- Primary: Apricot (#FFD3BF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Celadon (#92DCB1) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Umber at 6.58:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Quiet Celadon & Apricot
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
#FFF3EC
#FFD3BF
#92DCB1
#6E5147
Color-blind check: under protanopia and deuteranopia, Apricot 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 |
|---|---|---|---|
#FFF3EC on #6E5147 | Aa | 6.58:1 | AA |
#FFD3BF on #6E5147 | Aa | 5.23:1 | AA |
#92DCB1 on #6E5147 | Aa | 4.47:1 | AA large only |
#FFF3EC on #92DCB1 | Aa | 1.47:1 | Fail |
#FFF3EC on #FFD3BF | Aa | 1.26:1 | Fail |
#FFD3BF on #92DCB1 | Aa | 1.17:1 | Fail |
Similar palettes 24 more in this mood
#5B3F2E
#8B6A4E
#D9C2A0
#F6EFE3
#3B4A3E
#728C69
#D3E0C3
#FCFAF3
#DD9F6E
#EDD693
#9DBE7C
#FDFDFD
#FFAEA7
#1E1913
#6E5A48
#EEEEEE
#573E3A
#89665B
#B99F96
#FDF9F7
#715342
#9E7C5F
#F7E0BD
#FFF9F0
#42352D
#7D6452
#DFBF88
#FCF8F2
#5B3A2A
#95664A
#D6B99C
#FBF6F0
#4E3B3B
#7E5E5C
#C9A19C
#F6ECEA
#6E4F3A
#A98466
#DFC9B3
#FAF5EF
#FBF5EE
#F0D7C0
#E1AC85
#5D4535
#3C5148
#7A9B76
#C8D5B9
#F6F5EE
#FCF8F4
#F0DAC0
#DE9F7B
#2D2E3A
#B08968
#DDB892
#E6CCB2
#FFF6EA
#3E2723
#6D4C41
#A1887F
#EFEBE9
#3F2B2B
#8A5F5C
#F2B8B5
#FBF4F2
#5D4037
#8D6E63
#BCAAA4
#EFEBE9
#A68A64
#C2B280
#E6DCC3
#FAF7F0
#C9A66B
#E4C590
#F1E3C8
#F9F5EC
#8A4A3C
#C98C7A
#E9C7B0
#F6EFE8
#C4A484
#E6D3B3
#A98467
#F7F1E8
#7A5C4A
#B08F73
#E3CDB0
#F8F1E6
#5C302C
#AD9878
#86624B
#F5E7C6