#918278 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Mocha Wisp is a dusty, ashy tone that sits between muted orange and gray. Its low saturation makes it an excellent neutral base for minimalist layouts where you need understatement rather than high contrast. Because it meets WCAG AA standards, black text remains highly readable over it. The hex code for this color is #918278. Pair it with deep charcoal for a grounded, modern aesthetic.
About Mocha Wisp
Ash stirred into cold coffee
What does mocha wisp mean?
It commonly suggests weathered wood, dried clay, and well-worn leather, materials that carry a sense of age and use. Its low saturation and mid lightness make it feel matte and settled, a warm grey that sits still instead of demanding attention.
Where you see mocha wisp
- dried river clay
- weathered fence boards
- mushrooms
- untreated cardboard
- winter field grass
- river stones
What it works for
It works as a grounded neutral for interiors, packaging, and type on light backgrounds where brown feels too heavy.
What colors go with mocha wisp?
Sage #9caf88Both colors are dusty and muted, so they read as one soft, faded palette.Terracotta #e2725bTerracotta pulls out the warm orange undertone that hides beneath the ash.Cream #fffdd0Cream lightens it without adding a competing color to fight against.Slate Blue #6a5acdCool slate blue sharpens the warmth, making each color look more deliberate.Olive #808000Olive shares its earthy weight and keeps the pairing grounded and low key.Blush #de5d83A pale blush warms the grey without turning the palette sweet.
Questions about Mocha Wisp
What is the hex code for Mocha Wisp?
Mocha Wisp is #918278. In RGB that is rgb(145, 130, 120), in HSL hsl(24, 10%, 52%) and in CMYK 0%, 10%, 17%, 43%.
Is Mocha Wisp #918278 suitable for UI backgrounds?
Yes, Mocha Wisp serves as an excellent neutral background because it maintains accessibility while providing more character than standard grays. Black text creates strong, readable contrast against this shade, meeting WCAG AA standards while ensuring your content remains clear and approachable for all users.
Is Mocha Wisp readable on white or black?
Mocha Wisp has a 3.70:1 contrast ratio on white and 5.66:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.