Colors EncyclopediaNamed color
Driftwood
Driftwood color #A69A8D: RGB 166, 154, 141 and HSL 31°, 12%, 60%. Explore its warm orange profile, contrast, CSS, palettes and harmonies.
Use this color
Create with Driftwood
Open a professional color tool with #A69A8D already applied. Each configuration stays canonical to the tool and can be adjusted or shared.
Generate palette & CSS variablesCreate 50–950 tokens and export CSS, SCSS, JSON, or Tailwind.Open configured tool →Open in Gradient StudioStart with Driftwood and its complementary color.Open configured tool →Mix this colorBlend it with a complementary color and copy color-mix() CSS.Open configured tool →Check contrastOpen the strongest black or white background pairing.Open configured tool →Accessible combinationsReview AA and AAA text options, alternatives, warnings, and UI guidance.Open configured tool →Create glass surfaceUse this color as the tint for a translucent UI panel.Open configured tool →
CSS Utilities
--color-driftwood: #A69A8D;
.bg-driftwood { background-color: #A69A8D; }
.text-driftwood { color: #A69A8D; }Color meaning and use
About Driftwood Color
Driftwood uses HEX #A69A8D, RGB 166, 154, 141, and HSL 31°, 12%, 60%. The dataset classifies it in the orange family with warm temperature and muted and earth tone visual character.
No separate named-color neighbor is recorded for this entry. Its relative luminance is 0.3314; black contrast is 7.63:1 and white contrast is 2.75:1, making black the stronger of those two standard foreground choices.
WCAG Accessibility
Contrast checks for Driftwood against black and white text.
Black text7.63:1AA Pass
White text2.75:1AA Fail
Downloadable color reference infographic
Driftwood Color Reference Infographic
Save a high-resolution infographic of Driftwood, including its color values, coordinated palette, and black and white text contrast.
Color Harmonies
Variants
Pairings
Machine-readable data
Machine-Readable Color Data (JSON)
Perfect for CSS, design systems, automation, and AI ingestion.
Luminance0.3314
Black text7.63:1AA Pass
White text2.75:1AA Fail
hexCanonical HEX valuergbRed, green, blue channelshslHue, saturation, lightnesscmykApproximate print conversionwcagAA and AAA contrast optionsharmoniesMathematical harmony setsvariantsGenerated tone variantsnearestColorsKnowledge graph neighborsStructured sections
Color systems
{
"hex": "#A69A8D",
"rgb": [
166,
154,
141
],
"hsl": [
31,
12,
60
],
"cmyk": [
0,
7,
15,
35
],
"luminance": 0.3314,
"contrast": {
"black": 7.63,
"white": 2.75
}
}WCAG
{
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
}Harmonies
{
"complementary": "#8D99A5",
"analogous": [
"#A58D8D",
"#A5A58D"
],
"triadic": [
"#8DA599",
"#998DA5"
],
"tetradic": [
"#8DA58D",
"#8D99A5",
"#A58DA5"
],
"splitComplementary": [
"#8DA5A5",
"#8D8DA5"
],
"monochromatic": [
"#CEC7C0",
"#A69A8D",
"#786C5E"
]
}Variants
{
"light": "#CEC7C0",
"dark": "#786C5E",
"saturated": "#BC9A76",
"desaturated": "#999999",
"pastel": "#D9D9D9",
"neon": "#FFB05C"
}Pairings
{
"best": [
"#000000",
"#8D99A5",
"#A58D8D",
"#A5A58D"
],
"avoid": [
"#999999",
"#CEC7C0"
],
"neutral": [
"#1A1A1A",
"#F5F5F5",
"#E8E8E4"
],
"highContrast": [
"#000000"
],
"lowContrast": [
"#CEC7C0",
"#999999"
]
}Knowledge graph
{
"nearestColors": [
"cement",
"greige",
"sage-gray",
"sage-green",
"rosy-brown"
],
"generatedPalettes": [
"driftwood"
],
"generatedComparisons": [
"cement-vs-driftwood",
"driftwood-vs-greige",
"rosy-brown-vs-driftwood"
],
"relatedFamilies": [
"/colors/by-family/orange",
"/colors/by-temperature/warm",
"/colors/by-tone/muted",
"/colors/by-tone/earth-tone"
],
"relatedTools": [
"/harmonies/driftwood",
"/wcag/driftwood",
"/css/colors/driftwood",
"/hex/a69a8d",
"/tools/css-gradient-generator",
"/tools/color-palette-generator",
"/tools/css-color-mixer",
"/tools/contrast-checker"
],
"semanticRelations": {
"broader": [
"/colors/by-family/orange",
"/colors/by-temperature/warm",
"/colors/by-tone/muted",
"/colors/by-tone/earth-tone"
],
"narrower": [
"/palettes/driftwood"
],
"related": [
"/colors/cement",
"/colors/greige",
"/colors/sage-gray",
"/colors/sage-green",
"/colors/rosy-brown",
"/compare/cement-vs-driftwood",
"/compare/driftwood-vs-greige",
"/compare/rosy-brown-vs-driftwood",
"/harmonies/driftwood",
"/wcag/driftwood",
"/css/colors/driftwood",
"/hex/a69a8d",
"/tools/css-gradient-generator",
"/tools/color-palette-generator",
"/tools/css-color-mixer",
"/tools/contrast-checker"
]
}
}Full JSON dataset
{
"slug": "driftwood",
"name": "Driftwood",
"hex": "#A69A8D",
"uses": [
"earth-tone palettes",
"interior design",
"material-inspired branding"
],
"psychology": {
"associations": [
"groundedness",
"warmth",
"natural texture"
],
"contexts": [
"architecture",
"home decor",
"outdoor products",
"editorial layouts"
],
"avoidIn": [
"high-saturation futuristic interfaces"
]
},
"aliases": [],
"sourceType": "curated",
"confidence": "medium",
"reviewStatus": "manual",
"sourceUrl": "https://www.colorsencyclopedia.com/assets/colors.json",
"origin": {
"type": "common",
"notes": "Curated common color reference used in design, material, cultural, and editorial color systems."
},
"family": "orange",
"temperature": "warm",
"tone": [
"muted",
"earth-tone"
],
"editorialNotes": "Curated internal color record with computed technical properties.",
"tags": [
"orange",
"warm",
"muted",
"earth-tone",
"earth-tone-palettes",
"interior-design",
"material-inspired-branding",
"groundedness",
"warmth",
"natural-texture"
],
"popularity": 84,
"rgb": [
166,
154,
141
],
"hsl": [
31,
12,
60
],
"cmyk": [
0,
7,
15,
35
],
"luminance": 0.3314,
"contrast": {
"black": 7.63,
"white": 2.75
},
"harmonies": {
"complementary": "#8D99A5",
"analogous": [
"#A58D8D",
"#A5A58D"
],
"triadic": [
"#8DA599",
"#998DA5"
],
"tetradic": [
"#8DA58D",
"#8D99A5",
"#A58DA5"
],
"splitComplementary": [
"#8DA5A5",
"#8D8DA5"
],
"monochromatic": [
"#CEC7C0",
"#A69A8D",
"#786C5E"
]
},
"variants": {
"light": "#CEC7C0",
"dark": "#786C5E",
"saturated": "#BC9A76",
"desaturated": "#999999",
"pastel": "#D9D9D9",
"neon": "#FFB05C"
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"css": {
"variable": "--color-driftwood: #A69A8D;",
"utility": ".bg-driftwood { background-color: #A69A8D; }",
"textUtility": ".text-driftwood { color: #A69A8D; }"
},
"nearestColors": [
"cement",
"greige",
"sage-gray",
"sage-green",
"rosy-brown"
],
"generatedPalettes": [
"driftwood"
],
"generatedComparisons": [
"cement-vs-driftwood",
"driftwood-vs-greige",
"rosy-brown-vs-driftwood"
],
"relatedFamilies": [
"/colors/by-family/orange",
"/colors/by-temperature/warm",
"/colors/by-tone/muted",
"/colors/by-tone/earth-tone"
],
"relatedTools": [
"/harmonies/driftwood",
"/wcag/driftwood",
"/css/colors/driftwood",
"/hex/a69a8d",
"/tools/css-gradient-generator",
"/tools/color-palette-generator",
"/tools/css-color-mixer",
"/tools/contrast-checker"
],
"semanticRelations": {
"broader": [
"/colors/by-family/orange",
"/colors/by-temperature/warm",
"/colors/by-tone/muted",
"/colors/by-tone/earth-tone"
],
"narrower": [
"/palettes/driftwood"
],
"related": [
"/colors/cement",
"/colors/greige",
"/colors/sage-gray",
"/colors/sage-green",
"/colors/rosy-brown",
"/compare/cement-vs-driftwood",
"/compare/driftwood-vs-greige",
"/compare/rosy-brown-vs-driftwood",
"/harmonies/driftwood",
"/wcag/driftwood",
"/css/colors/driftwood",
"/hex/a69a8d",
"/tools/css-gradient-generator",
"/tools/color-palette-generator",
"/tools/css-color-mixer",
"/tools/contrast-checker"
]
},
"pairings": {
"best": [
"#000000",
"#8D99A5",
"#A58D8D",
"#A5A58D"
],
"avoid": [
"#999999",
"#CEC7C0"
],
"neutral": [
"#1A1A1A",
"#F5F5F5",
"#E8E8E4"
],
"highContrast": [
"#000000"
],
"lowContrast": [
"#CEC7C0",
"#999999"
]
}
}