Coffee

Morning Coffee Richness, A Warm and Awakening Tone

HEX#6F4E37
RGBrgb(111, 78, 55)
HSLhsl(25, 34%, 33%)
HSVhsv(25, 50%, 44%)
CMYKcmyk(0%, 30%, 50%, 56%)
HEXA#6F4E37FF
RGBArgba(111, 78, 55, 1)
HSLAhsla(25, 34%, 33%, 1)
OKLCHoklch(69.1%, 0.044, 63)
LCHlch(63.9%, 11.8, 88)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#71383C
Copy
#6F4E37
Copy
#716C38
Triadic3 hues spaced 120° apart
Copy
#6F4E37
Copy
#38714F
Copy
#4F3871
Split ComplementaryMain color + colors adjacent to its complement
Copy
#6F4E37
Copy
#38716C
Copy
#383C71
Complementary2 hues spaced 180° apart
Copy
#6F4E37
Copy
#385971
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#6F4E37
Copy
#3C7138
Copy
#385971
Copy
#6C3871
MonochromaticSingle hue with varying saturation and lightness
Copy
#000000
Copy
#2C1F16
Copy
#6F4E37
Copy
#B0805E
Copy
#D2B6A3

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#FAF7F5Ratio 7:1AAA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#D0CC9FRatio 4.5:1AA
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#8EB05ERatio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#489367Ratio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#221811Copy
#302218Copy
#3E2B1ECopy
#483323Copy
#553C2ACopy
#634631Copy
#714F38Copy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#605248Copy
#625246Copy
#655143Copy
#685140Copy
#6B503DCopy
#6E503ACopy
#714F38Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#1C1917Copy
#29231FCopy
#362D26Copy
#41342ACopy
#503D2FCopy
#604634Copy
#714F38Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#714138Copy
#714638Copy
#714B38Copy
#714F38Copy
#715438Copy
#715938Copy
#715E38Copy

💡 Use Cases

Cafés & Coffee Spaces

Coffee is the thematic color for coffeehouses and tea rooms, creating a warm, relaxing, and social consumer environment.

🛋️

Home Textiles

Coffee sofas, curtains, and rugs are key elements of American country and retro styles, creating a warm home atmosphere.

👔

Business Attire

Coffee suits and leather shoes are a tasteful choice for business casual settings—steady, warm, and quietly substantial.

📦

Food Packaging

Coffee packaging conveys a rich, natural, and high-quality brand image, widely used in coffee, chocolate, and baked goods.

📜 Origin & History

Coffee color originates from the color of roasted coffee beans, gradually becoming known worldwide with the global spread of coffee consumption. When European coffeehouses emerged in the 17th century, Coffee was already a typical color of these social spaces.

In 18th-century Europe, Coffee was used in interior decoration and clothing fabrics. Its deep, warm tone provided a steady base for the ornate Rococo style, contrasting with gilded carvings and silk wallpapers.

In the 19th century, Coffee played an important role in Victorian interiors. Dark wood furniture, heavy Coffee-colored velvet curtains and carpets, collectively created a warm and intimate atmosphere for bourgeois homes.

In the mid-20th century, Coffee enjoyed a golden age in fashion. During the post-war economic recovery, people favored warm, reassuring colors, and Coffee suits and accessories became a classic choice for professionals.

In contemporary design, Coffee's rich range of shades makes it a common color in interior and product design. It represents a quality of life—not seeking exciting stimulation, but enjoying the warmth and contentment of everyday life.

🧠 Color Psychology

RichCoffee has a layered depth like aged wine, providing a mellow, complex, and thought-provoking psychological experience.
WarmCoffee is connected to the warmth of the first cup of hot coffee in the morning—a color of warmth, energy, and comfort.
MatureCoffee is the color language of maturity and stability, representing rational thought and the depth of life experience.
RelaxingCoffee evokes the lazy, comfortable afternoons in a café, conveying a relaxed and pleasurable psychological feeling.
SatisfyingCoffee is closely tied to gustatory satisfaction, offering a psychological suggestion of both material and spiritual fulfillment.
ClassicCoffee is not affected by fashion cycles; it remains a steady and reliable basic color in interior and clothing design.