Lighter companion
Coral Pearl Muted
#DED6CF · hsl(30, 18%, 84%)
RGB
rgb(205, 194, 183)
HSL
hsl(30, 18%, 76%)
Metrics
S 18% · L 76%
Contrast (WCAG)
on white
1.8:1Fail
on black
12:1AA
About this color
Coral Bloom Muted (#CDC2B7) belongs to the orange family — hue 30°, 18% saturation, 76% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.
CSS
:root { --colorarchive-coral-bloom-muted: #CDC2B7; --colorarchive-coral-bloom-muted-hsl: hsl(30, 18%, 76%); --colorarchive-coral-bloom-muted-rgb: rgb(205, 194, 183); }
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Coral Silk Muted
#BCAD9F · hsl(30, 18%, 68%)
Complementary counterpoint
Sapphire Bloom Muted
#B7C2CD · hsl(210, 18%, 76%)
Analogous lead
Amber Bloom Muted
#CDC9B7 · hsl(50, 18%, 76%)
Analogous echo
Ruby Bloom Muted
#CDBAB7 · hsl(10, 18%, 76%)
Triadic +120°
Jade Bloom Muted
#B7CDC2 · hsl(150, 18%, 76%)
Triadic +240°
Plum Bloom Muted
#C2B7CD · hsl(270, 18%, 76%)
Split-comp +150°
Aqua Bloom Muted
#B7CDCD · hsl(180, 18%, 76%)
Split-comp +210°
Iris Bloom Muted
#B7B7CD · hsl(240, 18%, 76%)
Export preview
Base: Coral Bloom Muted #CDC2B7 Lighter companion: Coral Pearl Muted #DED6CF Darker companion: Coral Silk Muted #BCAD9F Complementary counterpoint: Sapphire Bloom Muted #B7C2CD Analogous lead: Amber Bloom Muted #CDC9B7 Analogous echo: Ruby Bloom Muted #CDBAB7 Triadic +120°: Jade Bloom Muted #B7CDC2 Triadic +240°: Plum Bloom Muted #C2B7CD Split-comp +150°: Aqua Bloom Muted #B7CDCD Split-comp +210°: Iris Bloom Muted #B7B7CD
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Coral Silk Muted
#BCAD9F · hsl(30, 18%, 68%)
Nearby match
Coral Pearl Muted
#DED6CF · hsl(30, 18%, 84%)
Nearby match
Coral Bloom Soft
#D7C2AD · hsl(30, 34%, 76%)
Nearby match
Coral Mist Muted
#EAE6E1 · hsl(30, 18%, 90%)
Nearby match
Ember Bloom Muted
#CDBEB7 · hsl(20, 18%, 76%)
Nearby match
Apricot Bloom Muted
#CDC5B7 · hsl(40, 18%, 76%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Ready to build
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.
Appears in collections